<template>
  <div>
    <el-radio-group
      @change="topRadio"
      v-model="radioActive"
      style="margin-bottom: 30px"
    >
      <el-radio-button label="地质数据管理">地质数据管理</el-radio-button>
      <el-radio-button label="测量数据管理">测量数据管理</el-radio-button>
      <el-radio-button label="水文数据管理">水文数据管理</el-radio-button>
    </el-radio-group>
    <el-tabs
      v-if="radioActive === '地质数据管理'"
      :tab-position="'left'"
      @tab-click="handleClick"
    >
      <el-tab-pane
        v-for="item in tabsData"
        :label="item.label"
        :key="item.label"
      >
        <div class="tableContainer">
          <div class="top">
            <el-form
              :inline="true"
              :model="formInline"
              class="demo-form-inline"
            >
              <el-form-item
                :label="item.label"
                v-for="(item, index) in searchLabel"
                :key="index"
              >
                <el-input
                  size="small"
                  v-model="item.bindData"
                  placeholder="请输入"
                  clearable
                >
                </el-input>
              </el-form-item>
              <el-form-item>
                <el-button size="small" type="primary" @click="onSubmit"
                  >查询</el-button
                >
                <el-button
                  size="small"
                  @click="onReset"
                  style="background-color: #061f41; color: #dee1e6"
                  >重置</el-button
                >
                <el-button
                  v-if="tabLabel == '地质报告'"
                  size="small"
                  type="warning"
                  @click="feileiFn"
                  >分类管理</el-button
                >
              </el-form-item>
              <el-form-item style="float: right">
                <el-button size="small" @click="tableSetFn" type="primary"
                  >表格设置</el-button
                >
              </el-form-item>
              <el-form-item
                v-if="
                  tabLabel == '地质报告' ||
                  tabLabel == '采掘设备' ||
                  tabLabel == '钻孔'
                "
                style="float: right"
              >
                <el-button size="small" @click="addFn" type="primary"
                  >新增数据</el-button
                >
              </el-form-item>
              <el-form-item
                style="float: right"
                v-if="tabLabel != '地质报告' && tabLabel != '采掘设备'"
              >
                <el-button
                  size="small"
                  @click="exportFn('quanbu')"
                  type="success"
                  >导出全部</el-button
                >
              </el-form-item>
              <el-form-item
                style="float: right"
                v-if="tabLabel != '地质报告' && tabLabel != '采掘设备'"
              >
                <el-button
                  size="small"
                  @click="exportFn('danqian')"
                  type="success"
                  >导出当前页</el-button
                >
              </el-form-item>
              <!-- <el-form-item
                style="float: right"
                v-if="tabLabel != '地质报告' && tabLabel != '采掘设备'"
              >
                <el-button size="small" @click="importFn" type="success"
                  >导入</el-button
                >
              </el-form-item> -->
              <el-form-item
                style="float: right"
                v-if="tabLabel != '地质报告' && tabLabel != '采掘设备'"
              >
                <el-button size="small" @click="downloadFn" type="success"
                  >下载模版</el-button
                >
              </el-form-item>
              <el-form-item style="float: right">
                <el-button size="small" @click="delAllFn" type="danger"
                  >批量删除</el-button
                >
              </el-form-item>
            </el-form>
          </div>
          <div class="bottom">
            <el-table
              :data="tableData"
              :cell-style="selectedCellStyle"
              style="width: 100%"
              @selection-change="handleSelectionChange"
              :height="tableData.length > 10 ? 560 : tableHeight"
            >
              <!-- height="560" -->
              <el-table-column type="selection" width="55" align="center">
              </el-table-column>
              <el-table-column label="序号" type="index"> </el-table-column>
              <el-table-column
                :prop="item.field"
                :label="item.title"
                :width="item.width"
                v-for="(item, index) in tableHeaderShow"
                :key="index"
                show-overflow-tooltip
              >
                <template slot-scope="{ row }">
                  <span v-if="item.field == 'drillHoleType'">
                    <span v-for="(val, index2) in typeSelectData" :key="index2">
                      {{ row.drillHoleType == val.value ? val.label : "" }}
                    </span>
                  </span>
                  <span v-else>{{ row[item.field] }}</span>
                </template>
              </el-table-column>
              <el-table-column
                prop="address"
                label="操作"
                :width="
                  tabLabel == '地质报告' ? 180 : tabLabel == '钻孔' ? 200 : 150
                "
              >
                <template slot-scope="{ row }">
                  <el-button
                    v-if="tabLabel == '地质报告'"
                    type="text"
                    size="mini"
                    @click="handledownload(row)"
                    >下载</el-button
                  >
                  <el-button type="text" size="mini" @click="handleDetail(row)"
                    >查看</el-button
                  >
                  <el-button
                    v-if="tabLabel == '钻孔'"
                    type="text"
                    size="mini"
                    @click="zuankongcengjiDetail(row)"
                    >钻孔层级</el-button
                  >
                  <el-button
                    v-if="tabLabel != '钻孔层级' || tabLabel != '断层'"
                    type="text"
                    size="mini"
                    @click="handleEdit(row)"
                    >编辑</el-button
                  >
                  <el-button
                  v-if="tabLabel=='地质报告'"
                    type="text"
                    size="mini"
                    @click="handleDelete(row)"
                    style="color: red"
                    >删除</el-button
                  >
                </template>
              </el-table-column>
            </el-table>
          </div>
          <pagination
            :total="page.total"
            :page="page.currentPage"
            :limit="page.pageSize"
            @pagination="paginationFn"
          ></pagination>
        </div>
      </el-tab-pane>
    </el-tabs>
    <celiang v-if="radioActive === '测量数据管理'"></celiang>
    <shuiwen v-if="radioActive === '水文数据管理'"></shuiwen>
    <!-- 新增/编辑 -->
    <el-dialog
      :visible.sync="dialogVisible"
      width="55%"
      :before-close="handleClose"
       custom-class="shadow-dialog"
    >
      <span slot="title" style="font-size: 16px">{{ title }}</span>
      <!-- 地质勘探线 -->
      <el-form
        v-if="tabLabel === '地质勘探线'"
        :model="form"
        ref="form"
        :rules="rules"
        label-width="120px"
      >
        <el-row>
          <el-col :span="12">
            <el-form-item label="勘探线名称" prop="name">
              <el-input
                size="small"
                v-model="form.name"
                placeholder="请输入"
              ></el-input>
            </el-form-item>
          </el-col>
          <!-- <el-col :span="12">
            <el-form-item label="勘探线编号" prop="code">
              <el-input
                size="small"
                v-model="form.code"
                placeholder="请输入"
              ></el-input>
            </el-form-item>
          </el-col> -->
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="勘探点集合" prop="pointCodes">
              <el-select
                size="small"
                v-model="form.pointCodes"
                placeholder="请选择"
                multiple
                collapse-tags
                style="width: 100%"
                :disabled="title=='编辑'"
              >
                <el-option
                  :label="item.label"
                  :value="item.value"
                  v-for="(item, index) in dianSelectData"
                  :key="index"
                ></el-option>
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="勘探设备" prop="equipment">
              <el-input
                size="small"
                v-model="form.equipment"
                placeholder="请输入"
              ></el-input>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="勘探目的" prop="purpose">
              <el-input
                size="small"
                v-model="form.purpose"
                placeholder="请输入"
              ></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="勘探方法" prop="method">
              <el-input
                size="small"
                v-model="form.method"
                placeholder="请输入"
              ></el-input>
            </el-form-item>
          </el-col>
        </el-row>
      </el-form>
      <!-- 煤层 -->
      <el-form
        v-if="tabLabel === '煤层'"
        :model="meicengForm"
        ref="meicengForm"
        :rules="meicengRules"
        label-width="150px"
      >
        <el-row>
          <el-col :span="12">
            <el-form-item label="煤层名称" prop="name">
              <el-input
                size="small"
                v-model="meicengForm.name"
                placeholder="请输入"
              ></el-input>
            </el-form-item>
          </el-col>
          <!-- <el-col :span="12">
            <el-form-item label="煤层编号" prop="code">
              <el-input
                size="small"
                v-model="meicengForm.code"
                placeholder="请输入"
              ></el-input>
            </el-form-item>
          </el-col> -->
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="自然厚度最小值(m)" prop="nThickMin">
              <el-input
                size="small"
                v-model="meicengForm.nThickMin"
                placeholder="请输入"
              ></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="自然厚度最大值(m)" prop="nThickMax">
              <el-input
                size="small"
                v-model="meicengForm.nThickMax"
                placeholder="请输入"
              ></el-input>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="自然厚度平均值(m)" prop="nThickAvg">
              <el-input
                size="small"
                v-model="meicengForm.nThickAvg"
                placeholder="请输入"
              ></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="自然厚度测点数" prop="nThickPointCount">
              <el-input
                size="small"
                v-model="meicengForm.nThickPointCount"
                placeholder="请输入"
              ></el-input>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="利用厚度最小值(m)" prop="uThickMin">
              <el-input
                size="small"
                v-model="meicengForm.uThickMin"
                placeholder="请输入"
              ></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="利用厚度最大值(m)" prop="uThickMax">
              <el-input
                size="small"
                v-model="meicengForm.uThickMax"
                placeholder="请输入"
              ></el-input>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="利用厚度平均值(m)" prop="uThickAvg">
              <el-input
                size="small"
                v-model="meicengForm.uThickAvg"
                placeholder="请输入"
              ></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="利用厚度测点数" prop="uThickPointCount">
              <el-input
                size="small"
                v-model="meicengForm.uThickPointCount"
                placeholder="请输入"
              ></el-input>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="煤层间距最小值(m)" prop="coalSpaceMin">
              <el-input
                size="small"
                v-model="meicengForm.coalSpaceMin"
                placeholder="请输入"
              ></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="煤层间距最大值(m)" prop="coalSpaceMax">
              <el-input
                size="small"
                v-model="meicengForm.coalSpaceMax"
                placeholder="请输入"
              ></el-input>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="煤层间距平均值(m)" prop="coalSpaceAvg">
              <el-input
                size="small"
                v-model="meicengForm.coalSpaceAvg"
                placeholder="请输入"
              ></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="煤层间距测点数" prop="coalSpacePointCount">
              <el-input
                size="small"
                v-model="meicengForm.coalSpacePointCount"
                placeholder="请输入"
              ></el-input>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="理论深度最小值(m)" prop="tDepthMin">
              <el-input
                size="small"
                v-model="meicengForm.tDepthMin"
                placeholder="请输入"
              ></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="理论深度最大值(m)" prop="tDepthMax">
              <el-input
                size="small"
                v-model="meicengForm.tDepthMax"
                placeholder="请输入"
              ></el-input>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="理论深度平均值(m)" prop="tDepthAvg">
              <el-input
                size="small"
                v-model="meicengForm.tDepthAvg"
                placeholder="请输入"
              ></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="理论深度测点数" prop="tDepthPointCount">
              <el-input
                size="small"
                v-model="meicengForm.tDepthPointCount"
                placeholder="请输入"
              ></el-input>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="夹矸厚度最小值(m)" prop="partingThickMin">
              <el-input
                size="small"
                v-model="meicengForm.partingThickMin"
                placeholder="请输入"
              ></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="夹矸厚度最大值(m)" prop="partingThickMax">
              <el-input
                size="small"
                v-model="meicengForm.partingThickMax"
                placeholder="请输入"
              ></el-input>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="夹矸层数" prop="partingCount">
              <el-input
                size="small"
                v-model="meicengForm.partingCount"
                placeholder="请输入"
              ></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="可采情况" prop="condition">
              <el-input
                size="small"
                v-model="meicengForm.condition"
                placeholder="请输入"
              ></el-input>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="稳定程度" prop="stability">
              <el-input
                size="small"
                v-model="meicengForm.stability"
                placeholder="请输入"
              ></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="煤层钻孔编号集合" prop="coalBoreholeCodes">
              <el-select
                size="small"
                v-model="meicengForm.coalBoreholeCodes"
                placeholder="请选择"
                multiple
                collapse-tags
                style="width: 100%"
                :disabled="title=='编辑'"
              >
                <el-option
                  :label="item.label"
                  :value="item.value"
                  v-for="(item, index) in meicengzuankongData"
                  :key="index"
                ></el-option>
              </el-select>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="煤层倾角" prop="dipAngle">
              <el-input
                size="small"
                v-model="meicengForm.dipAngle"
                placeholder="请输入"
              ></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="开采面积(㎡)" prop="miningArea">
              <el-input
                size="small"
                v-model="meicengForm.miningArea"
                placeholder="请输入"
              ></el-input>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="开采回采率(%)" prop="miningRate">
              <el-input
                size="small"
                v-model="meicengForm.miningRate"
                placeholder="请输入"
              ></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="灰分Ad(%)" prop="ashContent">
              <el-input
                size="small"
                v-model="meicengForm.ashContent"
                placeholder="请输入"
              ></el-input>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="挥发分Vdaf(%)" prop="volatileMatter">
              <el-input
                size="small"
                v-model="meicengForm.volatileMatter"
                placeholder="请输入"
              ></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="固定碳FC daf(%)" prop="fixedCarbon">
              <el-input
                size="small"
                v-model="meicengForm.fixedCarbon"
                placeholder="请输入"
              ></el-input>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="硫分St,d(%)" prop="sulfurContent">
              <el-input
                size="small"
                v-model="meicengForm.sulfurContent"
                placeholder="请输入"
              ></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="水分Mad(%)" prop="moistureContent">
              <el-input
                size="small"
                v-model="meicengForm.moistureContent"
                placeholder="请输入"
              ></el-input>
            </el-form-item>
          </el-col>
        </el-row>
      </el-form>
      <!-- 钻孔层级 -->
      <el-form
        v-if="tabLabel === '钻孔层级'"
        :model="meicengzuankongForm"
        ref="meicengzuankongForm"
        :rules="meicengzuankongRules"
        label-width="120px"
      >
        <el-row>
          <!-- <el-col :span="12">
            <el-form-item label="编号" prop="code">
              <el-input
                size="small"
                v-model="meicengzuankongForm.code"
                placeholder="请输入"
              ></el-input>
            </el-form-item>
          </el-col> -->
          <el-col :span="12">
            <el-form-item label="钻孔编号" prop="boreholeCode">
              <el-select
                size="small"
                v-model="meicengzuankongForm.boreholeCode"
                placeholder="请选择"
                multiple
                collapse-tags
                style="width: 100%"
                :disabled="title=='编辑'"
              >
                <el-option
                  :label="item.label"
                  :value="item.value"
                  v-for="(item, index) in zuankongData"
                  :key="index"
                ></el-option>
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="地面标高" prop="elevation">
              <el-input
                size="small"
                v-model="meicengzuankongForm.elevation"
                placeholder="请输入"
              ></el-input>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="内部结构信息" prop="structure">
              <el-input
                size="small"
                v-model="meicengzuankongForm.structure"
                placeholder="请输入"
              ></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="方位角" prop="azimuth">
              <el-input
                size="small"
                v-model="meicengzuankongForm.azimuth"
                placeholder="请输入"
              ></el-input>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="地层系统（系）" prop="series">
              <el-input
                size="small"
                v-model="meicengzuankongForm.series"
                placeholder="请输入"
              ></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="地层系统（统）" prop="epoch">
              <el-input
                size="small"
                v-model="meicengzuankongForm.epoch"
                placeholder="请输入"
              ></el-input>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="地层系统（组）" prop="group">
              <el-input
                size="small"
                v-model="meicengzuankongForm.group"
                placeholder="请输入"
              ></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="煤层标志层编号" prop="coalSeamCode">
              <el-input
                size="small"
                v-model="meicengzuankongForm.coalSeamCode"
                placeholder="请输入"
              ></el-input>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="累深（m）" prop="totalDepth">
              <el-input
                size="small"
                v-model="meicengzuankongForm.totalDepth"
                placeholder="请输入"
              ></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="层厚（m）" prop="thickness">
              <el-input
                size="small"
                v-model="meicengzuankongForm.thickness"
                placeholder="请输入"
              ></el-input>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="采长" prop="miningLength">
              <el-input
                size="small"
                v-model="meicengzuankongForm.miningLength"
                placeholder="请输入"
              ></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="采取率" prop="recovery">
              <el-input
                size="small"
                v-model="meicengzuankongForm.recovery"
                placeholder="请输入"
              ></el-input>
            </el-form-item>
          </el-col>
        </el-row>
        <!-- 新增后 -->
        <!-- <el-row v-for="(item, index) in meicengArr" :key="index">
          <el-col :span="12">
            <el-form-item label="煤层结构" prop="">
              <el-input
                size="small"
                v-model="item.jiegou"
                placeholder="请输入"
              ></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="夹矸数值" prop="">
              <el-input
                size="small"
                v-model="item.jiagan"
                placeholder="请输入"
              ></el-input>
            </el-form-item>
          </el-col>
        </el-row> -->
        <!-- <el-row>
          <el-col :span="24" style="text-align: right; margin-bottom: 15px">
            <el-button type="primary" @click="addJiegou" size="mini"
              >新增</el-button
            >
            <el-button
              v-if="meicengArr.length >= 1"
              type="danger"
              @click="delJiegou"
              size="mini"
              >删除</el-button
            >
          </el-col>
        </el-row> -->
        <el-row>
          <el-col :span="12">
            <el-form-item label="倾角" prop="dipAngle">
              <el-input
                size="small"
                v-model="meicengzuankongForm.dipAngle"
                placeholder="请输入"
              ></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="真厚（m）" prop="trueThickness">
              <el-input
                size="small"
                v-model="meicengzuankongForm.trueThickness"
                placeholder="请输入"
              ></el-input>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="真厚累计（m）" prop="totalTrueThickness">
              <el-input
                size="small"
                v-model="meicengzuankongForm.totalTrueThickness"
                placeholder="请输入"
              ></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="岩石名称" prop="rockName">
              <el-input
                size="small"
                v-model="meicengzuankongForm.rockName"
                placeholder="请输入"
              ></el-input>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="岩性描述" prop="lithologyDescription">
              <el-input
                size="small"
                v-model="meicengzuankongForm.lithologyDescription"
                placeholder="请输入"
              ></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="岩性解释" prop="lithologyInterpretation">
              <el-input
                size="small"
                v-model="meicengzuankongForm.lithologyInterpretation"
                placeholder="请输入"
              ></el-input>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="顶板岩性" prop="roofLithology">
              <el-input
                size="small"
                v-model="meicengzuankongForm.roofLithology"
                placeholder="请输入"
              ></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="底板岩性" prop="floorLithology">
              <el-input
                size="small"
                v-model="meicengzuankongForm.floorLithology"
                placeholder="请输入"
              ></el-input>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="底板标高" prop="floorElevation">
              <el-input
                size="small"
                v-model="meicengzuankongForm.floorElevation"
                placeholder="请输入"
              ></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="质量评价" prop="quality">
              <el-input
                size="small"
                v-model="meicengzuankongForm.quality"
                placeholder="请输入"
              ></el-input>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="采用成果" prop="results">
              <el-input
                size="small"
                v-model="meicengzuankongForm.results"
                placeholder="请输入"
              ></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="层序号" prop="levelIndex">
              <el-input
                size="small"
                v-model="meicengzuankongForm.levelIndex"
                placeholder="请输入"
              ></el-input>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="孔径" prop="radius">
              <el-input
                size="small"
                v-model="meicengzuankongForm.radius"
                placeholder="请输入"
              ></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="岩层编号" prop="ycCode">
              <el-input
                size="small"
                v-model="meicengzuankongForm.ycCode"
                placeholder="请输入"
              ></el-input>
            </el-form-item>
          </el-col>
        </el-row>
      </el-form>
      <!-- 钻孔 -->
      <el-form
        v-if="tabLabel === '钻孔'"
        :model="zuankongForm"
        ref="zuankongForm"
        :rules="zuankongRules"
        label-width="120px"
      >
        <el-row>
          <el-col :span="12">
            <el-form-item label="钻孔名称" prop="name">
              <el-input
                size="small"
                v-model="zuankongForm.name"
                placeholder="请输入"
              ></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="孔号" prop="drillHoleNumber">
              <el-input
                size="small"
                v-model="zuankongForm.drillHoleNumber"
                placeholder="请输入"
              ></el-input>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <!-- <el-col :span="12">
            <el-form-item label="点编号" prop="pointCode">
              <el-select
                size="small"
                v-model="zuankongForm.pointCode"
                placeholder="请选择"
                multiple
                collapse-tags
                style="width: 100%"
              >
                <el-option
                  :label="item.label"
                  :value="item.value"
                  v-for="(item, index) in dianSelectData"
                  :key="index"
                ></el-option>
              </el-select>
            </el-form-item>
          </el-col> -->
          <el-col :span="12">
            <el-form-item label="类型" prop="drillHoleType">
              <el-select
                size="small"
                v-model="zuankongForm.drillHoleType"
                placeholder="请选择"
                style="width: 100%"
              >
                <el-option
                  :label="item.label"
                  :value="item.value"
                  v-for="(item, index) in typeSelectData"
                  :key="index"
                ></el-option>
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="x" prop="x">
              <el-input
                size="small"
                v-model="zuankongForm.x"
                placeholder="请输入"
                :disabled="title=='编辑'"
              ></el-input>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="y" prop="y">
              <el-input
                size="small"
                v-model="zuankongForm.y"
                placeholder="请输入"
                :disabled="title=='编辑'"
              ></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="z" prop="z">
              <el-input
                size="small"
                v-model="zuankongForm.z"
                placeholder="请输入"
                :disabled="title=='编辑'"
              ></el-input>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="深度" prop="depth">
              <el-input
                size="small"
                v-model="zuankongForm.depth"
                placeholder="请输入"
              ></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="终孔层位" prop="finalHorizon">
              <el-input
                size="small"
                v-model="zuankongForm.finalHorizon"
                placeholder="请输入"
              ></el-input>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="钻孔半径" prop="radius">
              <el-input
                size="small"
                v-model="zuankongForm.radius"
                placeholder="请输入"
              ></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="方位" prop="azimuth">
              <el-input
                size="small"
                v-model="zuankongForm.azimuth"
                placeholder="请输入"
              ></el-input>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="倾角" prop="dipAngle">
              <el-input
                size="small"
                v-model="zuankongForm.dipAngle"
                placeholder="请输入"
              ></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="样品数" prop="sampleSize">
              <el-input
                size="small"
                v-model="zuankongForm.sampleSize"
                placeholder="请输入"
              ></el-input>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="样长" prop="sampleLength">
              <el-input
                size="small"
                v-model="zuankongForm.sampleLength"
                placeholder="请输入"
              ></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="施工编号" prop="constructionNumber">
              <el-input
                size="small"
                v-model="zuankongForm.constructionNumber"
                placeholder="请输入"
              ></el-input>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="勘察线号" prop="explorationLineNumber">
              <el-input
                size="small"
                v-model="zuankongForm.explorationLineNumber"
                placeholder="请输入"
              ></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="钻机编号" prop="drillNumber">
              <el-input
                size="small"
                v-model="zuankongForm.drillNumber"
                placeholder="请输入"
              ></el-input>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="采集时间" prop="drillingCommencementDate">
              <el-date-picker
                style="width: 100%"
                size="small"
                v-model="zuankongForm.drillingCommencementDate"
                type="datetime"
                placeholder="选择日期时间"
                value-format="yyyy-MM-dd HH:mm:ss"
              >
              </el-date-picker>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="完成时间" prop="drillingCompletionDate">
              <el-date-picker
                style="width: 100%"
                size="small"
                v-model="zuankongForm.drillingCompletionDate"
                type="datetime"
                placeholder="选择日期时间"
                value-format="yyyy-MM-dd HH:mm:ss"
              >
              </el-date-picker>
            </el-form-item>
          </el-col>
        </el-row>
      </el-form>
      <!-- 断层 -->
      <el-form
        v-if="tabLabel === '断层'"
        :model="duancengForm"
        ref="duancengForm"
        :rules="duancengRules"
        label-width="120px"
      >
        <el-row>
          <el-col :span="12">
            <el-form-item label="断层名称" prop="name">
              <el-input
                size="small"
                v-model="duancengForm.name"
                placeholder="请输入"
              ></el-input>
            </el-form-item>
          </el-col>
          <!-- <el-col :span="12">
            <el-form-item label="断层编号" prop="code">
              <el-input
                size="small"
                v-model="duancengForm.code"
                placeholder="请输入"
              ></el-input>
            </el-form-item>
          </el-col> -->
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="断层点集合" prop="pointCodes">
              <el-select
                size="small"
                v-model="duancengForm.pointCodes"
                placeholder="请选择"
                multiple
                collapse-tags
                style="width: 100%"
                :disabled="title=='编辑'"
              >
                <el-option
                  :label="item.label"
                  :value="item.value"
                  v-for="(item, index) in dianSelectData"
                  :key="index"
                ></el-option>
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="深度" prop="depth">
              <el-input
                size="small"
                v-model="duancengForm.depth"
                placeholder="请输入"
              ></el-input>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="类型" prop="type">
              <el-input
                size="small"
                v-model="duancengForm.type"
                placeholder="请输入"
              ></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="走向" prop="strike">
              <el-input
                size="small"
                v-model="duancengForm.strike"
                placeholder="请输入"
              ></el-input>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="倾向" prop="dipDirection">
              <el-input
                size="small"
                v-model="duancengForm.dipDirection"
                placeholder="请输入"
              ></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="倾角" prop="dipAngle">
              <el-input
                size="small"
                v-model="duancengForm.dipAngle"
                placeholder="请输入"
              ></el-input>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="区内延展长度" prop="zoneLength">
              <el-input
                size="small"
                v-model="duancengForm.zoneLength"
                placeholder="请输入"
              ></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="落差" prop="displacement">
              <el-input
                size="small"
                v-model="duancengForm.displacement"
                placeholder="请输入"
              ></el-input>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="A级断点" prop="aCount">
              <el-input
                size="small"
                v-model="duancengForm.aCount"
                placeholder="请输入"
              ></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="B级断点" prop="bCount">
              <el-input
                size="small"
                v-model="duancengForm.bCount"
                placeholder="请输入"
              ></el-input>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="C级断点" prop="cCount">
              <el-input
                size="small"
                v-model="duancengForm.cCount"
                placeholder="请输入"
              ></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="分类" prop="category">
              <el-input
                size="small"
                v-model="duancengForm.category"
                placeholder="请输入"
              ></el-input>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="控制程度" prop="controlDegree">
              <el-input
                size="small"
                v-model="duancengForm.controlDegree"
                placeholder="请输入"
              ></el-input>
            </el-form-item>
          </el-col>
        </el-row>
      </el-form>
      <!-- 巷道 -->
      <el-form
        v-if="tabLabel === '巷道'"
        :model="hangdaoForm"
        ref="hangdaoForm"
        :rules="hangdaoRules"
        label-width="140px"
      >
        <el-row>
          <!-- <el-col :span="12">
            <el-form-item label="上级巷道code" prop="parentTunnelCode">
              <el-input
                size="small"
                v-model="hangdaoForm.parentTunnelCode"
                placeholder="请输入"
              ></el-input>
            </el-form-item>
          </el-col> -->
          <!-- <el-col :span="12">
            <el-form-item label="巷道编码" prop="tunnelCode">
              <el-input
                size="small"
                v-model="hangdaoForm.tunnelCode"
                placeholder="请输入"
              ></el-input>
            </el-form-item>
          </el-col> -->
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="巷道线集合" prop="lines">
              <el-select
                size="small"
                v-model="hangdaoForm.lines"
                placeholder="请选择"
                multiple
                collapse-tags
                style="width: 100%"
                :disabled="title=='编辑'"
              >
                <el-option
                  :label="item.label"
                  :value="item.value"
                  v-for="(item, index) in xianSelectData"
                  :key="index"
                ></el-option>
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="巷道名称" prop="tunnelName">
              <el-input
                size="small"
                v-model="hangdaoForm.tunnelName"
                placeholder="请输入"
              ></el-input>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="上级巷道code" prop="parentTunnelCode">
              <el-input
                size="small"
                v-model="hangdaoForm.parentTunnelCode"
                placeholder="请输入"
              ></el-input>
            </el-form-item>
          </el-col>
          <!-- <el-col :span="12"> -->
          <!--巷道类型名称tunnelTypeName 暂不确定，之后改选择框 -->

          <!-- <el-form-item label="巷道类型名称" prop="tunnelTypeId">
              <el-input
                size="small"
                v-model="hangdaoForm.tunnelTypeId"
                placeholder="请输入"
              ></el-input>
            </el-form-item> -->
          <!-- </el-col> -->
          <el-col :span="12">
            <el-form-item label="平均上底宽度(m)" prop="tunnelAvgUpperWidth">
              <el-input
                size="small"
                v-model="hangdaoForm.tunnelAvgUpperWidth"
                placeholder="请输入"
              ></el-input>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="平均下底宽度(m)" prop="tunnelAvgBottomWidth">
              <el-input
                size="small"
                v-model="hangdaoForm.tunnelAvgBottomWidth"
                placeholder="请输入"
              ></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="平均全高(m)" prop="tunnelAvgPeakHeight">
              <el-input
                size="small"
                v-model="hangdaoForm.tunnelAvgPeakHeight"
                placeholder="请输入"
              ></el-input>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item
              label="平均标高(m)"
              prop="tunnelAvgRelativeSealLevelHeight"
            >
              <el-input
                size="small"
                v-model="hangdaoForm.tunnelAvgRelativeSealLevelHeight"
                placeholder="请输入"
              ></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="总长度(m)" prop="tunnelOverallLength">
              <el-input
                size="small"
                v-model="hangdaoForm.tunnelOverallLength"
                placeholder="请输入"
              ></el-input>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="平均坡度" prop="tunnelAvgSlope">
              <el-input
                size="small"
                v-model="hangdaoForm.tunnelAvgSlope"
                placeholder="请输入"
              ></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item
              label="平均摩擦阻力系数"
              prop="tunnelAvgFrictionalCoefficient"
            >
              <el-input
                size="small"
                v-model="hangdaoForm.tunnelAvgFrictionalCoefficient"
                placeholder="请输入"
              ></el-input>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="平均周界" prop="tunnelAvgPerimeter">
              <el-input
                size="small"
                v-model="hangdaoForm.tunnelAvgPerimeter"
                placeholder="请输入"
              ></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="断面面积" prop="tunnelSectionalArea">
              <el-input
                size="small"
                v-model="hangdaoForm.tunnelSectionalArea"
                placeholder="请输入"
              ></el-input>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="状态" prop="status">
              <el-input
                size="small"
                v-model="hangdaoForm.status"
                placeholder="请输入"
              ></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="巷道用途" prop="usage">
              <el-input
                size="small"
                v-model="hangdaoForm.usage"
                placeholder="请输入"
              ></el-input>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="支护方式" prop="support">
              <el-input
                size="small"
                v-model="hangdaoForm.support"
                placeholder="请输入"
              ></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="巷道类型名称" prop="tunnelTypeName">
              <el-input
                size="small"
                v-model="hangdaoForm.tunnelTypeName"
                placeholder="请输入"
              ></el-input>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="方位角" prop="tunnelAzimuth">
              <el-input
                size="small"
                v-model="hangdaoForm.tunnelAzimuth"
                placeholder="请输入"
              ></el-input>
            </el-form-item>
          </el-col>
        </el-row>
      </el-form>
      <!-- 工作面 -->
      <el-form
        v-if="tabLabel === '工作面'"
        :model="gongzuomianForm"
        ref="gongzuomianForm"
        label-width="140px"
        :rules="gongzuomianRules"
      >
        <el-row>
          <!-- <el-col :span="12">
            <el-form-item label="工作面编号" prop="workingFaceCode">
              <el-input
                size="small"
                v-model="gongzuomianForm.workingFaceCode"
                placeholder="请输入"
              ></el-input>
            </el-form-item>
          </el-col> -->
          <el-col :span="12">
            <el-form-item label="工作面名称" prop="workingFaceName">
              <el-input
                size="small"
                v-model="gongzuomianForm.workingFaceName"
                placeholder="请输入"
              ></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="面编号" prop="areaCode">
              <el-select
                size="small"
                v-model="gongzuomianForm.areaCode"
                placeholder="请选择"
                collapse-tags
                clearable
                style="width: 100%"
              >
                <el-option
                  :label="item.label"
                  :value="item.value"
                  v-for="(item, index) in mianSelectData"
                  :key="index"
                ></el-option>
              </el-select>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="开采方向点集合" prop="directionPoints">
              <el-select
                size="small"
                v-model="gongzuomianForm.directionPoints"
                placeholder="请选择"
                multiple
                collapse-tags
                style="width: 100%"
              >
                <el-option
                  :label="item.label"
                  :value="item.value"
                  v-for="(item, index) in dianSelectData"
                  :key="index"
                ></el-option>
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="已采煤量" prop="recordStorage">
              <el-input
                size="small"
                v-model="gongzuomianForm.recordStorage"
                placeholder="请输入"
              ></el-input>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="已开采进度(m)" prop="recordProgressDistance">
              <el-input
                size="small"
                v-model="gongzuomianForm.recordProgressDistance"
                placeholder="请输入"
              ></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="开采时间" prop="recordProgressTime">
              <el-date-picker
                style="width: 100%"
                size="small"
                v-model="gongzuomianForm.recordProgressTime"
                type="datetime"
                placeholder="选择日期时间"
                value-format="yyyy-MM-dd HH:mm:ss"
              >
              </el-date-picker>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="日开采进度(m)" prop="avgDayProgress">
              <el-input
                size="small"
                v-model="gongzuomianForm.avgDayProgress"
                placeholder="请输入"
              ></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="工作面宽度(m)" prop="workingFaceWidth">
              <el-input
                size="small"
                v-model="gongzuomianForm.workingFaceWidth"
                placeholder="请输入"
              ></el-input>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="工作面标高(m)" prop="workingFaceHeight">
              <el-input
                size="small"
                v-model="gongzuomianForm.workingFaceHeight"
                placeholder="请输入"
              ></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="工作面长度(m)" prop="workingFaceLength">
              <el-input
                size="small"
                v-model="gongzuomianForm.workingFaceLength"
                placeholder="请输入"
              ></el-input>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="倾斜角度" prop="angleInclination">
              <el-input
                size="small"
                v-model="gongzuomianForm.angleInclination"
                placeholder="请输入"
              ></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="储煤量(t)" prop="coalStorage">
              <el-input
                size="small"
                v-model="gongzuomianForm.coalStorage"
                placeholder="请输入"
              ></el-input>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="可开采量(t)" prop="exploitableCoal">
              <el-input
                size="small"
                v-model="gongzuomianForm.exploitableCoal"
                placeholder="请输入"
              ></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="煤层厚度(m)" prop="coalThickness">
              <el-input
                size="small"
                v-model="gongzuomianForm.coalThickness"
                placeholder="请输入"
              ></el-input>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="状态" prop="status">
              <el-input
                size="small"
                v-model="gongzuomianForm.status"
                placeholder="请输入"
              ></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="采煤方式名称">
              <!-- prop="coalMiningMethodTypeId" -->
              <!-- 采煤方式名称coalMiningMethodTypeName，暂不确定，之后改选择框 -->
              <el-select
                size="small"
                v-model="gongzuomianForm.coalMiningMethodTypeId"
                placeholder="请选择"
                style="width: 100%"
                @change="changeCoalMiningMethodTypeId"
              >
                <el-option
                  :label="item.label"
                  :value="item.value"
                  v-for="(item, index) in caimeitypeData"
                  :key="index"
                ></el-option>
              </el-select>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="煤层编号" prop="coalCode">
              <el-select
                size="small"
                v-model="gongzuomianForm.coalCode"
                placeholder="请选择"
                multiple
                collapse-tags
                style="width: 100%"
              >
                <el-option
                  :label="item.label"
                  :value="item.value"
                  v-for="(item, index) in meicengData"
                  :key="index"
                ></el-option>
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="地质编号" prop="geologicalCode">
              <el-input
                size="small"
                v-model="gongzuomianForm.geologicalCode"
                placeholder="请输入"
              ></el-input>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <!-- <el-col :span="12">
            <el-form-item label="传感器编号" prop="sensorCode">
              <el-input
                size="small"
                v-model="gongzuomianForm.sensorCode"
                placeholder="请输入"
              ></el-input>
            </el-form-item>
          </el-col> -->
          <el-col :span="12">
            <el-form-item label="开采深度" prop="extDepth">
              <el-input
                size="small"
                v-model="gongzuomianForm.extDepth"
                placeholder="请输入"
              ></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="日产量" prop="dailyProduction">
              <el-input
                size="small"
                v-model="gongzuomianForm.dailyProduction"
                placeholder="请输入"
              ></el-input>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="设备名称" prop="carNo">
              <el-select
                size="small"
                @change="changeCarNo"
                v-model="gongzuomianForm.carNo"
                placeholder="请选择"
                multiple
                collapse-tags
                style="width: 100%"
              >
                <el-option
                  :label="item.carName"
                  :value="item.carNo"
                  v-for="(item, index) in caimeijiData"
                  :key="index"
                ></el-option>
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="工作面类型" prop="workingFaceTypeId">
              <el-select
                size="small"
                v-model="gongzuomianForm.workingFaceTypeId"
                placeholder="请选择"
                style="width: 100%"
              >
                <el-option label="采煤工作面" value="0"></el-option>
                <el-option label="掘进工作面" value="1"></el-option>
              </el-select>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="结束时间" prop="recordEndTime">
              <el-date-picker
                style="width: 100%"
                size="small"
                v-model="gongzuomianForm.recordEndTime"
                type="datetime"
                placeholder="选择日期时间"
                value-format="yyyy-MM-dd HH:mm:ss"
              >
              </el-date-picker>
            </el-form-item>
          </el-col>
        </el-row>
        <!-- 保留如下代码 -->
        <!-- <el-row>
          <el-col :span="12">
            <el-form-item label="危险源类型" prop="dangerSourceType">
              <el-select
                size="small"
                @change="changeDangerSourceType"
                v-model="gongzuomianForm.dangerSourceType"
                placeholder="请选择"
              >
                <el-option
                  :label="item.name"
                  :value="item.code"
                  v-for="(item, index) in dangerTypeSelectData"
                  :key="index"
                ></el-option>
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="危险源名称" prop="dangerSourceCode">
              <el-select
              @change="changeDangerSourceCode"
                size="small"
                v-model="gongzuomianForm.dangerSourceCode"
                placeholder="请选择"
                multiple
              >
                <el-option
                  :label="item.name"
                  :value="item.code"
                  v-for="(item, index) in dangerSelectData"
                  :key="index"
                ></el-option>
              </el-select>
            </el-form-item>
          </el-col>
        </el-row> -->
        <!-- 新增后 -->
        <el-row v-for="(item, index) in dangerSourceList" :key="index - 1">
          <el-col :span="12">
            <el-form-item label="危险源类型" prop="dangerSourceType">
              <el-select
                style="width: 100%"
                size="small"
                @change="addchangeDangerSourceType(item, index)"
                v-model="item.dangerSourceType"
                placeholder="请选择"
              >
                <el-option
                  :label="item1.name"
                  :value="item1.code"
                  v-for="(item1, index1) in dangerTypeSelectData"
                  :key="index1"
                ></el-option>
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="危险源名称" prop="dangerSourceCode">
              <!-- dangerSourceName -->
              <el-select
                style="width: 100%"
                size="small"
                @change="addchangeDangerSourceCode(item, index)"
                v-model="item.dangerSourceCode"
                placeholder="请选择"
                multiple
              >
                <el-option
                  :label="item2.name"
                  :value="item2.code"
                  v-for="(item2, index2) in item.dangerNameData"
                  :key="index2"
                ></el-option>
              </el-select>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row style="text-align: right; margin-bottom: 20px">
          <el-col :span="24">
            <el-button @click="dangerAddFn" size="mini" type="primary"
              >新增危险源</el-button
            >
            <!-- v-if="dangerSourceList.length > 0" -->
            <el-button
              @click="dangerDelFn"
              v-if="dangerSourceList.length > 1"
              size="mini"
              type="danger"
              >删除</el-button
            >
          </el-col>
        </el-row>
        <!-- 保留如下代码 -->
        <!-- <el-row>
          <el-col :span="12">
            <el-form-item label="传感器类型" prop="sensorType">
              <el-select
                size="small"
                @change="changeSensorType"
                v-model="gongzuomianForm.sensorType"
                placeholder="请选择"
              >
                <el-option
                  :label="item.name"
                  :value="item.code"
                  v-for="(item, index) in sensorTypeSelectData"
                  :key="index"
                ></el-option>
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="传感器名称" prop="sensorCode">
              <el-select
              @change="changeSensorCode"
                size="small"
                v-model="gongzuomianForm.sensorCode"
                placeholder="请选择"
                multiple
              >
                <el-option
                  :label="item.name"
                  :value="item.code"
                  v-for="(item, index) in sensorSelectData"
                  :key="index"
                ></el-option>
              </el-select>
            </el-form-item>
          </el-col>
        </el-row> -->
        <!-- 新增后 -->
        <el-row v-for="(val, index) in sensorList" :key="index + 1">
          <el-col :span="12">
            <el-form-item label="传感器类型" prop="sensorType">
              <el-select
                style="width: 100%"
                size="small"
                @change="addchangeSensorType(val, index)"
                v-model="val.sensorType"
                placeholder="请选择"
              >
                <el-option
                  :label="item2.name"
                  :value="item2.code"
                  v-for="(item2, index2) in sensorTypeSelectData"
                  :key="index2"
                ></el-option>
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="传感器名称" prop="sensorCode">
              <!-- sensorName -->
              <el-select
                @change="addchangeSensorCode(val, index)"
                size="small"
                v-model="val.sensorCode"
                placeholder="请选择"
                multiple
                collapse-tags
                style="width: 100%"
              >
                <el-option
                  :label="item3.name"
                  :value="item3.code"
                  v-for="(item3, index3) in val.sensorNameData"
                  :key="index3"
                ></el-option>
              </el-select>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row style="text-align: right; margin-bottom: 20px">
          <el-col :span="24">
            <el-button @click="sensorAddFn" size="mini" type="primary"
              >新增传感器</el-button
            >
            <!-- v-if="sensorList.length > 0" -->
            <el-button
              v-if="sensorList.length > 1"
              @click="sensorDelFn"
              size="mini"
              type="danger"
              >删除</el-button
            >
          </el-col>
        </el-row>
      </el-form>
      <!-- 积水区 -->
      <el-form
        v-if="tabLabel === '积水区'"
        :model="jishuiquForm"
        ref="jishuiquForm"
        :rules="jishuiquRules"
        label-width="120px"
      >
        <el-row>
          <el-col :span="12">
            <el-form-item label="积水区名称" prop="name">
              <el-input
                size="small"
                v-model="jishuiquForm.name"
                placeholder="请输入"
              ></el-input>
            </el-form-item>
          </el-col>
          <!-- <el-col :span="12">
            <el-form-item label="积水区编号" prop="code">
              <el-input
                size="small"
                v-model="jishuiquForm.code"
                placeholder="请输入"
              ></el-input>
            </el-form-item>
          </el-col> -->
          <el-col :span="12">
            <el-form-item label="面编号" prop="areaCode">
              <el-select
                size="small"
                v-model="jishuiquForm.areaCode"
                placeholder="请选择"
                multiple
                collapse-tags
                style="width: 100%"
                :disabled="title=='编辑'"
              >
                <el-option
                  :label="item.label"
                  :value="item.value"
                  v-for="(item, index) in mianSelectData"
                  :key="index"
                ></el-option>
              </el-select>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="面积(㎡)" prop="measuredArea">
              <el-input
                size="small"
                v-model="jishuiquForm.measuredArea"
                placeholder="请输入"
              ></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="积水深度(m)" prop="depth">
              <el-input
                size="small"
                v-model="jishuiquForm.depth"
                placeholder="请输入"
              ></el-input>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="积水量(m³)" prop="volume">
              <el-input
                size="small"
                v-model="jishuiquForm.volume"
                placeholder="请输入"
              ></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="积水原因" prop="reason">
              <el-input
                size="small"
                v-model="jishuiquForm.reason"
                placeholder="请输入"
              ></el-input>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="水质情况" prop="quality">
              <el-input
                size="small"
                v-model="jishuiquForm.quality"
                placeholder="请输入"
              ></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="周边环境" prop="surrounding">
              <el-input
                size="small"
                v-model="jishuiquForm.surrounding"
                placeholder="请输入"
              ></el-input>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="处理措施" prop="measures">
              <el-input
                size="small"
                v-model="jishuiquForm.measures"
                placeholder="请输入"
              ></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="可采性评估" prop="assessment">
              <el-input
                size="small"
                v-model="jishuiquForm.assessment"
                placeholder="请输入"
              ></el-input>
            </el-form-item>
          </el-col>
        </el-row>
      </el-form>
      <!-- 地质报告 -->
      <el-form
        v-if="tabLabel === '地质报告'"
        :model="dizhibaogaoForm"
        ref="dizhibaogaoForm"
        :rules="dizhibaogaoRules"
        label-width="120px"
      >
        <el-row>
          <el-col :span="12">
            <el-form-item label="文档名称" prop="fileName">
              <el-input
                size="small"
                v-model="dizhibaogaoForm.fileName"
                placeholder="请输入"
              ></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="编制单位" prop="compilationUnit">
              <el-input
                size="small"
                v-model="dizhibaogaoForm.compilationUnit"
                placeholder="请输入"
              ></el-input>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="编制日期" prop="compilationDate">
              <el-date-picker
                style="width: 100%"
                size="small"
                v-model="dizhibaogaoForm.compilationDate"
                type="datetime"
                placeholder="选择日期时间"
                value-format="yyyy-MM-dd HH:mm:ss"
              >
              </el-date-picker>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="上传时间" prop="sendTime">
              <el-date-picker
                style="width: 100%"
                size="small"
                v-model="dizhibaogaoForm.sendTime"
                type="datetime"
                placeholder="选择日期时间"
                value-format="yyyy-MM-dd HH:mm:ss"
              >
              </el-date-picker>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="文件标签" prop="fileTagId">
              <el-select
                @change="tagChangeSelect"
                style="width: 100%"
                size="small"
                v-model="dizhibaogaoForm.fileTagId"
              >
                <el-option
                  :label="tagitem.tag"
                  :value="tagitem.id"
                  v-for="(tagitem, tagindex) in fenleiAllData"
                  :key="tagindex"
                ></el-option>
              </el-select>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col>
            <el-form-item label="文件上传" prop="">
              <el-upload
                ref="upload"
                class="upload-demo"
                :action="uploadFileUrl"
                :before-upload="beforeUpload"
                :on-remove="handleRemove"
                :on-success="handleSuccess"
                :headers="headers"
                :limit="1"
                :file-list="fileList"
              >
                <el-button size="small" type="primary">点击上传</el-button>
                <div slot="tip" class="el-upload__tip" style="color: #838fa0">
                  允许上传 "bmp", "gif", "jpg", "jpeg", "png", "doc", "docx",
                  "xls", "xlsx", "ppt", "pptx", "html", "htm", "txt", "rar",
                  "zip", "gz", "bz2", "mp4", "avi", "rmvb", "pdf",
                  "dwg","wps","bpmn","bar"文件，且不超过50m
                </div>
              </el-upload>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="24">
            <el-form-item label="描述" prop="remark">
              <el-input
                type="textarea"
                size="small"
                v-model="dizhibaogaoForm.remark"
                placeholder="请输入"
              ></el-input>
            </el-form-item>
          </el-col>
        </el-row>
      </el-form>
      <!-- 采掘设备 -->
      <el-form
        v-if="tabLabel === '采掘设备'"
        :model="caimeijiForm"
        ref="caimeijiForm"
        :rules="caimeijiRules"
        label-width="120px"
      >
        <el-row>
          <el-col :span="12">
            <el-form-item label="设备编号" prop="carNo">
              <el-input
                size="small"
                :disabled="title == '编辑' ? true : false"
                v-model="caimeijiForm.carNo"
                placeholder="请输入"
              ></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="设备名称" prop="carName">
              <el-input
                size="small"
                v-model="caimeijiForm.carName"
                placeholder="请输入"
              ></el-input>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="标识卡号" prop="cardNo">
              <el-input
                size="small"
                v-model="caimeijiForm.cardNo"
                placeholder="请输入"
              ></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="设备类型名称" prop="carTypeId">
              <el-select
                size="small"
                v-model="caimeijiForm.carTypeId"
                placeholder="请选择"
                style="width: 100%"
              >
                <!-- <el-option label="采煤机" value="0"></el-option>
                <el-option label="掘进机" value="1"></el-option> -->
                <el-option
                  :label="item.label"
                  :value="item.value"
                  v-for="(item, index) in typeNameSelectData"
                  :key="index"
                ></el-option>
              </el-select>
            </el-form-item>
          </el-col>
          <!-- <el-col :span="12">
            <el-form-item label="工作面名称" prop="workAreaName">
              <el-input
                size="small"
                v-model="caimeijiForm.workAreaName"
                placeholder="请输入"
              ></el-input>
            </el-form-item>
          </el-col> -->
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="预警距离" prop="alarmDistance">
              <el-input
                size="small"
                v-model="caimeijiForm.alarmDistance"
                placeholder="请输入"
              ></el-input>
            </el-form-item>
          </el-col>
        </el-row>
        <!--  
        <el-row>
          <el-col :span="12">
            <el-form-item label="设备类型名称" prop="carTypeId">
              <el-select
                size="small"
                v-model="caimeijiForm.carTypeId"
                placeholder="请选择"
                style="width: 100%"
              >
                <el-option label="采掘设备" value="0"></el-option>
                <el-option label="掘进机" value="1"></el-option>
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="巷道距离" prop="tunnelDistance">
              <el-input
                size="small"
                v-model="caimeijiForm.tunnelDistance"
                placeholder="请输入"
              ></el-input>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="三维坐标X" prop="x">
              <el-input
                size="small"
                v-model="caimeijiForm.x"
                placeholder="请输入"
              ></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="三维坐标y" prop="y">
              <el-input
                size="small"
                v-model="caimeijiForm.y"
                placeholder="请输入"
              ></el-input>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="三维坐标z" prop="z">
              <el-input
                size="small"
                v-model="caimeijiForm.z"
                placeholder="请输入"
              ></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="巷道名称" prop="tunnelName">
              <el-input
                size="small"
                v-model="caimeijiForm.tunnelName"
                placeholder="请输入"
              ></el-input>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="主分站距离" prop="stationDistance">
              <el-input
                size="small"
                v-model="caimeijiForm.stationDistance"
                placeholder="请输入"
              ></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="主分站编码" prop="stationId">
              <el-input
                size="small"
                v-model="caimeijiForm.stationId"
                placeholder="请输入"
              ></el-input>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="主分站时间" prop="stationTime">
              <el-date-picker
                style="width: 100%"
                size="small"
                v-model="caimeijiForm.stationTime"
                type="datetime"
                placeholder="选择日期时间"
                value-format="yyyy-MM-dd HH:mm:ss"
              >
              </el-date-picker>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="副分站距离" prop="subStationDistance">
              <el-input
                size="small"
                v-model="caimeijiForm.subStationDistance"
                placeholder="请输入"
              ></el-input>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="副分站编码" prop="subStationId">
              <el-input
                size="small"
                v-model="caimeijiForm.subStationId"
                placeholder="请输入"
              ></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="副分站时间" prop="subStationTime">
              <el-date-picker
                style="width: 100%"
                size="small"
                v-model="caimeijiForm.subStationTime"
                type="datetime"
                placeholder="选择日期时间"
                value-format="yyyy-MM-dd HH:mm:ss"
              >
              </el-date-picker>
            </el-form-item>
          </el-col>
        </el-row>
        -->
      </el-form>
      <span slot="footer" class="dialog-footer">
        <el-button type="primary" @click="submitAdd">确 定</el-button>
        <el-button @click="handleClose">取 消</el-button>
      </span>
    </el-dialog>
    <!-- 查看 -->
    <el-dialog
      :visible.sync="detaildialogVisible"
      width="50%"
      :before-close="detailhandleClose"
       custom-class="shadow-dialog"
    >
      <span slot="title" style="font-size: 16px">详情</span>
      <!-- 地质勘探线 -->
      <el-form
        v-if="tabLabel === '地质勘探线'"
        :model="form"
        label-width="120px"
      >
        <el-row>
          <el-col :span="12">
            <el-form-item label="勘探线名称：" prop="name">
              {{ detailObject.name }}
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="勘探线编号：" prop="code">
              {{ detailObject.code }}
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="勘探点集合：" prop="pointCodes">
              <span :title="detailObject.pointCodes">
                {{ substrFn(detailObject.pointCodes) }}</span
              >
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="勘探设备：" prop="equipment">
              {{ detailObject.equipment }}
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="勘探目的：" prop="purpose">
              {{ detailObject.purpose }}
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="勘探方法：" prop="method">
              {{ detailObject.method }}
            </el-form-item>
          </el-col>
        </el-row>
      </el-form>
      <!-- 煤层 -->
      <el-form
        v-if="tabLabel === '煤层'"
        :model="meicengForm"
        label-width="140px"
      >
        <el-row>
          <el-col :span="12">
            <el-form-item label="煤层名称：" prop="name">
              {{ detailObject.name }}
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="煤层编号：" prop="code">
              {{ detailObject.code }}
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="自然厚度最小值：" prop="nThickMin">
              {{ detailObject.nThickMin }}
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="自然厚度最大值：" prop="nThickMax">
              {{ detailObject.nThickMax }}
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="自然厚度平均值：" prop="nThickAvg">
              {{ detailObject.nThickAvg }}
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="自然厚度测点数：" prop="nThickPointCount">
              {{ detailObject.nThickPointCount }}
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="利用厚度最小值：" prop="uThickMin">
              {{ detailObject.uThickMin }}
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="利用厚度最大值：" prop="uThickMax">
              {{ detailObject.uThickMax }}
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="利用厚度平均值：" prop="uThickAvg">
              {{ detailObject.uThickAvg }}
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="利用厚度测点数：" prop="uThickPointCount">
              {{ detailObject.uThickPointCount }}
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="煤层间距最小值：" prop="coalSpaceMin">
              {{ detailObject.coalSpaceMin }}
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="煤层间距最大值：" prop="coalSpaceMax">
              {{ detailObject.coalSpaceMax }}
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="煤层间距平均值：" prop="coalSpaceAvg">
              {{ detailObject.coalSpaceAvg }}
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="煤层间距测点数：" prop="coalSpacePointCount">
              {{ detailObject.coalSpacePointCount }}
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="理论深度最小值：" prop="tDepthMin">
              {{ detailObject.tDepthMin }}
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="理论深度最大值：" prop="tDepthMax">
              {{ detailObject.tDepthMax }}
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="理论深度平均值：" prop="tDepthAvg">
              {{ detailObject.tDepthAvg }}
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="理论深度测点数：" prop="tDepthPointCount">
              {{ detailObject.tDepthPointCount }}
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="夹矸厚度最小值：" prop="partingThickMin">
              {{ detailObject.partingThickMin }}
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="夹矸厚度最大值：" prop="partingThickMax">
              {{ detailObject.partingThickMax }}
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="夹矸层数：" prop="partingCount">
              {{ detailObject.partingCount }}
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="可采情况：" prop="condition">
              {{ detailObject.condition }}
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="稳定程度：" prop="stability">
              {{ detailObject.stability }}
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="煤层钻孔编号集合：" prop="coalBoreholeCodes">
              <span :title="detailObject.coalBoreholeCodes">
                {{ substrFn(detailObject.coalBoreholeCodes) }}</span
              >
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="煤层倾角：" prop="dipAngle">
              {{ detailObject.dipAngle }}
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="开采面积(㎡)：" prop="miningArea">
             {{ detailObject.miningArea }}
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="开采回采率(%)：" prop="miningRate">
             {{ detailObject.miningRate }}
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="灰分Ad(%)：" prop="ashContent">
             {{ detailObject.ashContent }}
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="挥发分Vdaf(%)：" prop="volatileMatter">
             {{ detailObject.volatileMatter }}
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="固定碳FC daf(%)：" prop="fixedCarbon">
            {{ detailObject.fixedCarbon }}
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="硫分St,d(%)：" prop="sulfurContent">
             {{ detailObject.sulfurContent }}
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="水分Mad(%)：" prop="moistureContent">
             {{ detailObject.moistureContent }}
            </el-form-item>
          </el-col>
        </el-row>
      </el-form>
      <!-- 钻孔层级 -->
      <el-form
        v-if="tabLabel === '钻孔层级'"
        :model="meicengzuankongForm"
        label-width="140px"
      >
        <el-row>
          <el-col :span="12">
            <el-form-item label="编号：" prop="code">
              {{ detailObject.code }}
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="钻孔编号：" prop="boreholeCode">
              <span :title="detailObject.boreholeCode">{{
                substrFn(detailObject.boreholeCode)
              }}</span>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="地面标高：" prop="elevation">
              {{ detailObject.elevation }}
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="内部结构信息：" prop="structure">
              {{ detailObject.structure }}
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="方位角：" prop="azimuth">
              {{ detailObject.azimuth }}
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="地层系统（系）：" prop="series">
              {{ detailObject.series }}
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="地层系统（统）：" prop="epoch">
              {{ detailObject.epoch }}
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="地层系统（组）：" prop="group">
              {{ detailObject.group }}
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="煤层标志层编号：" prop="coalSeamCode">
              {{ detailObject.coalSeamCode }}
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="累深（m）：" prop="totalDepth">
              {{ detailObject.totalDepth }}
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="层厚（m）：" prop="thickness">
              {{ detailObject.thickness }}
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="采长：" prop="miningLength">
              {{ detailObject.miningLength }}
            </el-form-item>
          </el-col>
        </el-row>
        <!-- 新增后 -->
        <!-- <el-row v-for="(item, index) in meicengArr" :key="index">
          <el-col :span="12">
            <el-form-item label="煤层结构" prop="">
              <el-input
                size="small"
                v-model="item.jiegou"
                placeholder="请输入"
              ></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="夹矸数值" prop="">
              <el-input
                size="small"
                v-model="item.jiagan"
                placeholder="请输入"
              ></el-input>
            </el-form-item>
          </el-col>
        </el-row> -->
        <!-- <el-row>
          <el-col :span="24" style="text-align: right; margin-bottom: 15px">
            <el-button type="primary" @click="addJiegou" size="mini"
              >新增</el-button
            >
            <el-button
              v-if="meicengArr.length >= 1"
              type="danger"
              @click="delJiegou"
              size="mini"
              >删除</el-button
            >
          </el-col>
        </el-row> -->
        <el-row>
          <el-col :span="12">
            <el-form-item label="采取率：" prop="recovery">
              {{ detailObject.recovery }}
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="倾角：" prop="dipAngle">
              {{ detailObject.dipAngle }}
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="真厚（m）：" prop="trueThickness">
              {{ detailObject.trueThickness }}
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="真厚累计（m）：" prop="totalTrueThickness">
              {{ detailObject.totalTrueThickness }}
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="岩石名称：" prop="rockName">
              {{ detailObject.rockName }}
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="岩性描述：" prop="lithologyDescription">
              {{ detailObject.lithologyDescription }}
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="岩性解释：" prop="lithologyInterpretation">
              {{ detailObject.lithologyInterpretation }}
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="顶板岩性：" prop="roofLithology">
              {{ detailObject.roofLithology }}
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="底板岩性：" prop="floorLithology">
              {{ detailObject.floorLithology }}
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="底板标高：" prop="floorElevation">
              {{ detailObject.floorElevation }}
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="质量评价：" prop="quality">
              {{ detailObject.quality }}
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="采用成果：" prop="results">
              {{ detailObject.results }}
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="层序号：" prop="levelIndex">
              {{ detailObject.levelIndex }}
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="孔径：" prop="radius">
              {{ detailObject.radius }}
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="岩层编号：" prop="ycCode">
              {{ detailObject.ycCode }}
            </el-form-item>
          </el-col>
        </el-row>
      </el-form>
      <!-- 钻孔 -->
      <el-form
        v-if="tabLabel === '钻孔'"
        :model="zuankongForm"
        label-width="120px"
      >
        <el-row>
          <el-col :span="12">
            <el-form-item label="钻孔名称：" prop="name">
              {{ detailObject.name }}
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="钻孔编号：" prop="code">
              <span :title="detailObject.code">{{
                substrFn(detailObject.code)
              }}</span>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <!-- <el-col :span="12">
            <el-form-item label="点编号：" prop="pointCode">
              <span :title="detailObject.pointCode">{{
                substrFn(detailObject.pointCode)
              }}</span>
            </el-form-item>
          </el-col> -->
          <el-col :span="12">
            <el-form-item label="类型：" prop="drillHoleType">
              <span v-for="(item, index) in typeSelectData" :key="index">
                {{ item.value == detailObject.drillHoleType ? item.label : "" }}
              </span>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="x：" prop="x">
              {{ detailObject.x }}
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="y：" prop="y">
              {{ detailObject.y }}
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="z：" prop="z">
              {{ detailObject.z }}
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="深度：" prop="depth">
              {{ detailObject.depth }}
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="终孔层位：" prop="finalHorizon">
              {{ detailObject.finalHorizon }}
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="钻孔半径：" prop="radius">
              {{ detailObject.radius }}
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="方位：" prop="azimuth">
              {{ detailObject.azimuth }}
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="倾角：" prop="dipAngle">
              {{ detailObject.dipAngle }}
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="样品数：" prop="sampleSize">
              {{ detailObject.sampleSize }}
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="样长：" prop="sampleLength">
              {{ detailObject.sampleLength }}
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="施工编号：" prop="constructionNumber">
              {{ detailObject.constructionNumber }}
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="勘察线号：" prop="explorationLineNumber">
              {{ detailObject.explorationLineNumber }}
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="钻机编号：" prop="drillNumber">
              {{ detailObject.drillNumber }}
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="采集时间：" prop="drillingCommencementDate">
              {{ detailObject.drillingCommencementDate }}
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="完成时间：" prop="drillingCompletionDate">
              {{ detailObject.drillingCompletionDate }}
            </el-form-item>
          </el-col>
        </el-row>
      </el-form>
      <!-- 断层 -->
      <el-form
        v-if="tabLabel === '断层'"
        :model="duancengForm"
        label-width="120px"
      >
        <el-row>
          <el-col :span="12">
            <el-form-item label="断层名称：" prop="name">
              {{ detailObject.name }}
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="断层编号：" prop="code">
              {{ detailObject.code }}
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="断层点集合：" prop="pointCodes">
              <span :title="detailObject.pointCodes">{{
                substrFn(detailObject.pointCodes)
              }}</span>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="深度：" prop="depth">
              {{ detailObject.depth }}
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="类型：" prop="type">
              {{ detailObject.type }}
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="走向：" prop="strike">
              {{ detailObject.strike }}
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="倾向：" prop="dipDirection">
              {{ detailObject.dipDirection }}
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="倾角：" prop="dipAngle">
              {{ detailObject.dipAngle }}
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="区内延展长度：" prop="zoneLength">
              {{ detailObject.zoneLength }}
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="落差：" prop="displacement">
              {{ detailObject.displacement }}
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="A级断点：" prop="aCount">
              {{ detailObject.aCount }}
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="B级断点：" prop="bCount">
              {{ detailObject.bCount }}
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="C级断点：" prop="cCount">
              {{ detailObject.cCount }}
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="分类：" prop="category">
              {{ detailObject.category }}
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="控制程度：" prop="controlDegree">
              {{ detailObject.controlDegree }}
            </el-form-item>
          </el-col>
        </el-row>
      </el-form>
      <!-- 巷道 -->
      <el-form
        v-if="tabLabel === '巷道'"
        :model="hangdaoForm"
        label-width="140px"
      >
        <el-row>
          <el-col :span="12">
            <el-form-item label="上级巷道code：" prop="parentTunnelCode">
              {{ detailObject.parentTunnelCode }}
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="巷道编码：" prop="tunnelCode">
              {{ detailObject.tunnelCode }}
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="巷道线集合：" prop="lines">
              <span :title="detailObject.lines">{{
                substrFn(detailObject.lines)
              }}</span>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="巷道名称：" prop="tunnelName">
              {{ detailObject.tunnelName }}
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="巷道类型ID：" prop="tunnelTypeId">
              {{ detailObject.tunnelTypeId }}
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="平均上底宽度(m)：" prop="tunnelAvgUpperWidth">
              {{ detailObject.tunnelAvgUpperWidth }}
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="平均下底宽度(m)：" prop="tunnelAvgBottomWidth">
              {{ detailObject.tunnelAvgBottomWidth }}
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="平均全高(m)：" prop="tunnelAvgPeakHeight">
              {{ detailObject.tunnelAvgPeakHeight }}
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item
              label="平均标高(m)："
              prop="tunnelAvgRelativeSealLevelHeight"
            >
              {{ detailObject.tunnelAvgRelativeSealLevelHeight }}
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="总长度(m)：" prop="tunnelOverallLength">
              {{ detailObject.tunnelOverallLength }}
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="平均坡度：" prop="tunnelAvgSlope">
              {{ detailObject.tunnelAvgSlope }}
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item
              label="平均摩擦阻力系数："
              prop="tunnelAvgFrictionalCoefficient"
            >
              {{ detailObject.tunnelAvgFrictionalCoefficient }}
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="平均周界：" prop="tunnelAvgPerimeter">
              {{ detailObject.tunnelAvgPerimeter }}
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="断面面积：" prop="tunnelSectionalArea">
              {{ detailObject.tunnelSectionalArea }}
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="状态：" prop="status">
              {{ detailObject.status }}
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="巷道用途：" prop="usage">
              {{ detailObject.usage }}
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="支护方式：" prop="support">
              {{ detailObject.support }}
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="巷道类型名称：" prop="tunnelTypeName">
              {{ detailObject.tunnelTypeName }}
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="方位角称：" prop="tunnelAzimuth">
              {{ detailObject.tunnelAzimuth }}
            </el-form-item>
          </el-col>
        </el-row>
      </el-form>
      <!-- 工作面 -->
      <el-form
        v-if="tabLabel === '工作面'"
        :model="gongzuomianForm"
        label-width="140px"
      >
        <el-row>
          <!-- <el-col :span="12">
            <el-form-item label="工作面编号" prop="workingFaceCode">
              <el-input
                size="small"
                v-model="gongzuomianForm.workingFaceCode"
                placeholder="请输入"
              ></el-input>
            </el-form-item>
          </el-col> -->
          <el-col :span="12">
            <el-form-item label="工作面名称：" prop="workingFaceName">
              {{ detailObject.workingFaceName }}
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="面编号：" prop="areaCode">
              {{ detailObject.areaCode }}
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="开采方向点集合：" prop="directionPoints">
              {{ detailObject.directionPoints }}
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="已采煤量：" prop="recordStorage">
              {{ detailObject.recordStorage }}
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="已开采进度(m)：" prop="recordProgressDistance">
              {{ detailObject.recordProgressDistance }}
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="开采时间：" prop="recordProgressTime">
              {{ detailObject.recordProgressTime }}
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="日开采进度(m)：" prop="avgDayProgress">
              {{ detailObject.avgDayProgress }}
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="工作面宽度(m)：" prop="workingFaceWidth">
              {{ detailObject.workingFaceWidth }}
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="工作面高度(m)：" prop="workingFaceHeight">
              {{ detailObject.workingFaceHeight }}
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="工作面长度(m)：" prop="workingFaceLength">
              {{ detailObject.workingFaceLength }}
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="倾斜角度：" prop="angleInclination">
              {{ detailObject.angleInclination }}
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="储煤量(t)：" prop="coalStorage">
              {{ detailObject.coalStorage }}
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="可开采量(t)：" prop="exploitableCoal">
              {{ detailObject.exploitableCoal }}
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="煤层厚度(m)：" prop="coalThickness">
              {{ detailObject.coalThickness }}
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="状态：" prop="status">
              {{ detailObject.status }}
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="采煤方式名称：" prop="coalMiningMethodTypeId">
              <!-- prop="coalMiningMethodTypeId" -->
              <!-- 采煤方式名称coalMiningMethodTypeName，暂不确定，之后改选择框 -->
              {{ detailObject.coalMiningMethodTypeName }}
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="煤层编号：" prop="coalCode">
              {{ detailObject.coalCode }}
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="地质编号：" prop="geologicalCode">
              {{ detailObject.geologicalCode }}
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <!-- <el-col :span="12">
            <el-form-item label="传感器编号" prop="sensorCode">
              <el-input
                size="small"
                v-model="gongzuomianForm.sensorCode"
                placeholder="请输入"
              ></el-input>
            </el-form-item>
          </el-col> -->
          <el-col :span="12">
            <el-form-item label="开采深度：" prop="extDepth">
              {{ detailObject.extDepth }}
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="日产量：" prop="dailyProduction">
              {{ detailObject.dailyProduction }}
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="设备名称：" prop="carNo">
              <!-- {{ detailObject.carNo }} -->
              <span
                v-for="(item, index) in detailObject.machineList"
                :key="index"
              >
                {{ item.carName }},
              </span>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="工作面类型：" prop="workingFaceTypeId">
              {{ detailObject.workingFaceTypeName }}
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="结束时间：" prop="recordEndTime">
              {{ detailObject.recordEndTime }}
            </el-form-item>
          </el-col>
        </el-row>
        <!-- 保留如下代码 -->
        <!-- <el-row>
          <el-col :span="12">
            <el-form-item label="危险源类型" prop="dangerSourceType">
              <el-select
                size="small"
                @change="changeDangerSourceType"
                v-model="gongzuomianForm.dangerSourceType"
                placeholder="请选择"
              >
                <el-option
                  :label="item.name"
                  :value="item.code"
                  v-for="(item, index) in dangerTypeSelectData"
                  :key="index"
                ></el-option>
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="危险源名称" prop="dangerSourceCode">
              <el-select
              @change="changeDangerSourceCode"
                size="small"
                v-model="gongzuomianForm.dangerSourceCode"
                placeholder="请选择"
                multiple
              >
                <el-option
                  :label="item.name"
                  :value="item.code"
                  v-for="(item, index) in dangerSelectData"
                  :key="index"
                ></el-option>
              </el-select>
            </el-form-item>
          </el-col>
        </el-row> -->
        <!-- 新增后 -->
        <el-row v-for="(item, index) in dangerSourceList" :key="index - 1">
          <el-col :span="12">
            <el-form-item label="危险源类型：" prop="dangerSourceType">
              <span v-for="value in dangerTypeSelectData" :key="value.code">
                {{ value.code == item.dangerSourceType ? value.name : "" }}
              </span>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="危险源名称：" prop="dangerSourceCode">
              <!-- dangerSourceName -->
              {{ String(item.dangerSourceName) }}
              <!-- <el-select
                size="small"
                @change="addchangeDangerSourceCode(item, index)"
                v-model="item.dangerSourceCode"
                placeholder="请选择"
                multiple
              >
                <el-option
                  :label="item2.name"
                  :value="item2.code"
                  v-for="(item2, index2) in item.dangerNameData"
                  :key="index2"
                ></el-option>
              </el-select> -->
            </el-form-item>
          </el-col>
        </el-row>
        <!-- <el-row style="text-align: right; margin-bottom: 20px">
          <el-col :span="24">
            <el-button @click="dangerAddFn" size="mini" type="primary"
              >新增危险源</el-button
            >
            <el-button
              @click="dangerDelFn"
              v-if="dangerSourceList.length > 1"
              size="mini"
              type="danger"
              >删除</el-button
            >
          </el-col>
        </el-row> -->
        <!-- 保留如下代码 -->
        <!-- <el-row>
          <el-col :span="12">
            <el-form-item label="传感器类型" prop="sensorType">
              <el-select
                size="small"
                @change="changeSensorType"
                v-model="gongzuomianForm.sensorType"
                placeholder="请选择"
              >
                <el-option
                  :label="item.name"
                  :value="item.code"
                  v-for="(item, index) in sensorTypeSelectData"
                  :key="index"
                ></el-option>
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="传感器名称" prop="sensorCode">
              <el-select
              @change="changeSensorCode"
                size="small"
                v-model="gongzuomianForm.sensorCode"
                placeholder="请选择"
                multiple
              >
                <el-option
                  :label="item.name"
                  :value="item.code"
                  v-for="(item, index) in sensorSelectData"
                  :key="index"
                ></el-option>
              </el-select>
            </el-form-item>
          </el-col>
        </el-row> -->
        <!-- 新增后 -->
        <el-row v-for="(val, index) in sensorList" :key="index + 1">
          <el-col :span="12">
            <el-form-item label="传感器类型：" prop="sensorType">
              <span v-for="value in sensorTypeSelectData" :key="value.code">
                {{ value.code == val.sensorType ? value.name : "" }}
              </span>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="传感器名称：" prop="sensorCode">
              <!-- sensorName -->
              {{ String(val.sensorName) }}
              <!-- <el-select
                @change="addchangeSensorCode(val, index)"
                size="small"
                v-model="val.sensorCode"
                placeholder="请选择"
                multiple
              >
                <el-option
                  :label="item3.name"
                  :value="item3.code"
                  v-for="(item3, index3) in val.sensorNameData"
                  :key="index3"
                ></el-option>
              </el-select> -->
            </el-form-item>
          </el-col>
        </el-row>
        <!-- <el-row style="text-align: right; margin-bottom: 20px">
          <el-col :span="24">
            <el-button @click="sensorAddFn" size="mini" type="primary"
              >新增传感器</el-button
            >
            <el-button
              v-if="sensorList.length > 1"
              @click="sensorDelFn"
              size="mini"
              type="danger"
              >删除</el-button
            >
          </el-col>
        </el-row> -->
      </el-form>
      <!-- 积水区 -->
      <el-form
        v-if="tabLabel === '积水区'"
        :model="jishuiquForm"
        label-width="120px"
      >
        <el-row>
          <el-col :span="12">
            <el-form-item label="积水区名称：" prop="name">
              {{ detailObject.name }}
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="积水区编号：" prop="code">
              {{ detailObject.code }}
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="面编号：" prop="areaCode">
              <span :title="detailObject.areaCode">{{
                substrFn(detailObject.areaCode)
              }}</span>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="面积：" prop="area">
              {{ detailObject.measuredArea }}
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="积水深度：" prop="depth">
              {{ detailObject.depth }}
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="积水量：" prop="volume">
              {{ detailObject.volume }}
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="积水原因：" prop="reason">
              {{ detailObject.reason }}
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="水质情况：" prop="quality">
              {{ detailObject.quality }}
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="周边环境：" prop="surrounding">
              {{ detailObject.surrounding }}
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="处理措施：" prop="measures">
              {{ detailObject.measures }}
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="可采性评估：" prop="assessment">
              {{ detailObject.assessment }}
            </el-form-item>
          </el-col>
        </el-row>
      </el-form>
      <!-- 地质报告 -->
      <el-form
        v-if="tabLabel === '地质报告'"
        :model="dizhibaogaoForm"
        label-width="120px"
      >
        <el-row>
          <el-col :span="12">
            <el-form-item label="文档名称：" prop="fileName">
              {{ detailObject.fileName }}
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="编制单位：" prop="compilationUnit">
              {{ detailObject.compilationUnit }}
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="编制日期：" prop="compilationDate">
              {{ detailObject.compilationDate }}
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="上传时间：" prop="sendTime">
              {{ detailObject.sendTime }}
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="文件url：" prop="fileUrl"
              >{{ detailObject.fileUrl }}
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="文件后缀：" prop="fileSuffix"
              >{{ detailObject.fileSuffix }}
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="24">
            <el-form-item label="描述：" prop="remark">
              {{ detailObject.remark }}
            </el-form-item>
          </el-col>
        </el-row>
      </el-form>
      <!-- 采掘设备 -->
      <el-form
        v-if="tabLabel === '采掘设备'"
        :model="caimeijiForm"
        label-width="120px"
      >
        <el-row>
          <el-col :span="12">
            <el-form-item label="设备编号：" prop="carNo">
              {{ detailObject.carNo }}
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="设备名称：" prop="carName">
              {{ detailObject.carName }}
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="标识卡号：" prop="cardNo">
              {{ detailObject.cardNo }}
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="设备类型名称：" prop="carTypeName">
              {{ detailObject.carTypeName }}
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="预警距离：" prop="alarmDistance">
              {{ detailObject.alarmDistance }}
            </el-form-item>
          </el-col>
        </el-row>
        <!-- <el-row>
          <el-col :span="12">
            <el-form-item label="设备类型名称：" prop="carTypeName">
              {{ detailObject.carTypeName }}
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="巷道距离：" prop="tunnelDistance">
              {{ detailObject.tunnelDistance }}
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="三维坐标X：" prop="x">
              {{ detailObject.x }}
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="三维坐标y：" prop="y">
              {{ detailObject.y }}
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="三维坐标z：" prop="z">
              {{ detailObject.z }}
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="巷道名称：" prop="tunnelName">
              {{ detailObject.tunnelName }}
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="主分站距离" prop="stationDistance">
              {{ detailObject.stationDistance }}
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="主分站编码" prop="stationId">
              {{ detailObject.stationId }}
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="主分站时间" prop="stationTime">
              {{ detailObject.stationTime }}
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="副分站距离" prop="subStationDistance">
              {{ detailObject.subStationDistance }}
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="副分站编码" prop="subStationId">
              {{ detailObject.subStationId }}
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="副分站时间" prop="subStationTime">
              {{ detailObject.subStationTime }}
            </el-form-item>
          </el-col>
        </el-row> -->
      </el-form>
      <el-form
        :label-width="
          tabLabel === '煤层' ||
          tabLabel === '巷道' ||
          tabLabel === '工作面' ||
          tabLabel === '钻孔层级'
            ? '140px'
            : '120px'
        "
      >
        <el-row>
          <el-col :span="12">
            <el-form-item label="创建人：" prop="">
              {{ detailObject.createBy }}
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="创建时间：" prop="">
              {{ detailObject.createTime }}
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="更新人：" prop="">
              {{ detailObject.updateBy }}
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="更新时间：" prop="">
              {{ detailObject.updateTime }}
            </el-form-item>
          </el-col>
        </el-row>
      </el-form>
    </el-dialog>
    <!-- 分类管理 -->
    <el-dialog
      :visible.sync="fenleiFlag"
      width="50%"
      :before-close="fenleihandleClose"
       custom-class="shadow-dialog"
    >
      <span slot="title" style="font-size: 16px">分类管理</span>
      <div style="margin-bottom: 15px">
        <el-button size="small" @click="addFenleiFn" type="primary"
          >新建分类</el-button
        >
      </div>
      <div
        class="bottom"
        style="
          height: 600px;
          overflow-y: auto;
          background-color: #061f41 !important;
        "
      >
        <el-table
          :data="fenleiData"
          :cell-style="selectedCellStyle"
          style="width: 100%"
        >
          <el-table-column label="序号" type="index"> </el-table-column>
          <el-table-column prop="id" label="编号" show-overflow-tooltip>
          </el-table-column>
          <el-table-column prop="tag" label="分类" show-overflow-tooltip>
          </el-table-column>
          <el-table-column prop="address" label="操作">
            <template slot-scope="{ row }">
              <el-button type="text" size="mini" @click="editFenleiFn(row)"
                >编辑</el-button
              >
              <el-button
                type="text"
                size="mini"
                @click="deleteFenleiFn(row)"
                style="color: red"
                >删除</el-button
              >
            </template>
          </el-table-column>
        </el-table>
      </div>
      <pagination
        :total="page2.total"
        :page="page2.currentPage"
        :limit="page2.pageSize"
        @pagination="paginationFn2"
      ></pagination>
    </el-dialog>
    <!-- 新建分类管理名称 -->
    <el-dialog
      :visible.sync="fenlei2Flag"
      width="20%"
      :before-close="fenlei2handleClose"
       custom-class="shadow-dialog"
    >
      <span slot="title" style="font-size: 16px">{{ fenleiTitle }}</span>
      <el-form
        ref="feileiRef"
        :model="fenleiForm"
        :rules="fenleiRules"
        label-width="80px"
      >
        <el-form-item label="分类名称" prop="tag">
          <el-input
            size="small"
            v-model="fenleiForm.tag"
            placeholder="请输入分类名称"
          ></el-input>
        </el-form-item>
      </el-form>
      <span slot="footer" class="dialog-footer">
        <el-button type="primary" @click="fenleiAdd">确 定</el-button>
        <el-button @click="fenlei2handleClose">取 消</el-button>
      </span>
    </el-dialog>
    <!-- 导出（不调用接口时使用此方式导出） -->
    <el-table
      id="out-table"
      :data="exportData"
      :cell-style="selectedCellStyle"
      style="width: 100%; display: none"
    >
      <el-table-column label="序号" type="index"> </el-table-column>
      <el-table-column
        :prop="item.field"
        :label="item.title"
        v-for="(item, index) in tableHeaderShow"
        :key="index"
        show-overflow-tooltip
      >
      </el-table-column>
    </el-table>
    <!-- 表格设置 -->
    <el-dialog
      :visible.sync="tableSettingFlag"
      width="50%"
      :before-close="tableSettinghandleClose"
      custom-class="shadow-dialog"
    >
      <span slot="title" style="font-size: 16px">表格设置</span>
      <div style="height: 670px; overflow: auto; margin-bottom: 15px">
        <el-table
          height="650"
          :data="headerTitle"
          :cell-style="selectedCellStyle"
          class="draggable-table"
          row-key="field"
        >
          <el-table-column label="拖动排序" align="center">
            <template slot-scope="{ row }">
              <img class="rowSortable" src="@/assets/images/排序.png" alt="" />
            </template>
          </el-table-column>
          <el-table-column
            label="列名"
            prop="title"
            align="center"
          ></el-table-column>
          <el-table-column label="是否显示" prop="show" align="center">
            <template slot-scope="{ row }">
              <el-switch
                v-model="row.show"
                active-text="是"
                inactive-text="否"
                :active-value="1"
                :inactive-value="0"
              >
              </el-switch>
            </template>
          </el-table-column>
          <el-table-column label="列宽" prop="width">
            <template slot-scope="{ row }">
              <el-input
                v-model="row.width"
                size="small"
                placeholder="请输入列宽"
              ></el-input>
            </template>
          </el-table-column>
        </el-table>
      </div>
      <span slot="footer" class="dialog-footer">
        <el-button type="primary" @click="tableSetSubmit">确 定</el-button>
        <el-button @click="tableSettinghandleClose">取 消</el-button>
      </span>
    </el-dialog>
    <!-- 导入 -->
    <el-dialog
      :visible.sync="daoruFlag"
      width="50%"
      :before-close="daoruhandleClose"
       custom-class="shadow-dialog"
    >
      <span slot="title" style="font-size: 16px">导入</span>
      <div class="w100 h100" style="padding: 10px">
        <el-upload
          ref="upload"
          class="upload-demo"
          :action="baseurl + importUrl"
          :limit="1"
          :auto-upload="false"
          :headers="headers"
          :file-list="fileList2"
          :on-success="onsuccess"
        >
          <template #trigger>
            <el-button type="primary">选择文件</el-button>
          </template>
          <el-button
            style="margin-left: 10px"
            class="ml-3"
            type="success"
            @click="submitUpload"
          >
            上传
          </el-button>

          <template #tip>
            <div style="color: #fff; font-size: 14px; margin-top: 10px">
              提示：先导出模板，再在模板文件中修改导入数据，否则导入失败
            </div>
          </template>
        </el-upload>
      </div>
    </el-dialog>
  </div>
</template>
<script>
import { exportExcel } from "./components/exportExcel.js";
import Sortable from "sortablejs";
import pagination from "@/components/huazi/pagination.vue";
import axios from "@/utils/request";
import { getToken } from "@/utils/auth";
import celiang from "./components/celiang.vue";
import shuiwen from "./components/shuiwen.vue";
export default {
  components: {
    pagination,
    celiang,
    shuiwen,
  },
  data() {
    return {
      tableHeight: null,
      daoruFlag: false, //导入弹窗
      baseurl: process.env.VUE_APP_BASE_API,
      fileList2: [],
      uploadFileUrl: process.env.VUE_APP_BASE_API + "/common/upload",
      headers: { Authorization: "Bearer " + getToken() },
      fileList: [
        // { name: 'food.jpeg', url: 'http://example.com/food.jpeg' },
      ],
      tableSettingFlag: false, //表格设置
      //分类管理
      fenleiFlag: false,
      fenlei2Flag: false, //新增分类
      fenleiTitle: "新增",
      fenleiData: [], //分类数据
      fenleiAllData: [], //全部分类数据
      fenleiForm: {}, //分类新增数据
      fenleiRules: {
        tag: [{ required: true, message: "请输入分类名称", trigger: "blur" }],
      },
      typeNameSelectData: [], //设备类型名称
      detaildialogVisible: false, //查看dialog
      searchLabel: [{ label: "勘探线名称", bindData: "" }], //搜索字段
      tabLabel: "地质勘探线",
      radioActive: "地质数据管理",
      form: {}, //地质勘探线新增数据
      rules: {
        name: [
          { required: true, message: "请输入勘探线名称", trigger: "blur" },
        ],
        // code: [
        //   { required: true, message: "请输入勘探线编号", trigger: "blur" },
        // ],
        // pointCodes: [
        //   { required: true, message: "请选择勘探点集合", trigger: "change" },
        // ],
        // equipment: [
        //   { required: true, message: "请输入勘探设备", trigger: "blur" },
        // ],
        // purpose: [
        //   { required: true, message: "请输入勘探目的", trigger: "blur" },
        // ],
        // method: [
        //   { required: true, message: "请输入勘探方法", trigger: "blur" },
        // ],
      },
      meicengForm: {}, //煤层新增数据
      meicengRules: {
        name: [{ required: true, message: "请输入煤层名称", trigger: "blur" }],
        // code: [{ required: true, message: "请输入煤层编号", trigger: "blur" }],
        nThickMin: [
          { required: true, message: "请输入自然厚度最小值", trigger: "blur" },
          //自定义校验
          { validator: this.validateNum, trigger: 'blur' }
        ],
        nThickMax: [
          { required: true, message: "请输入自然厚度最大值", trigger: "blur" },
          { validator: this.validateNum, trigger: 'blur' }
        ],
        nThickAvg: [
          { required: true, message: "请输入自然厚度平均值", trigger: "blur" },
          { validator: this.validateNum, trigger: 'blur' }
        ],
        nThickPointCount: [
          { required: true, message: "请输入自然厚度测点数", trigger: "blur" },
          { validator: this.validateNum, trigger: 'blur' }
        ],
        uThickMin: [
          { required: true, message: "请输入利用厚度最小值", trigger: "blur" },
          { validator: this.validateNum, trigger: 'blur' }
        ],
        uThickMax: [
          { required: true, message: "请输入利用厚度最大值", trigger: "blur" },
          { validator: this.validateNum, trigger: 'blur' }
        ],
        uThickAvg: [
          { required: true, message: "请输入利用厚度平均值", trigger: "blur" },
          { validator: this.validateNum, trigger: 'blur' }
        ],
        uThickPointCount: [
          { required: true, message: "请输入利用厚度测点数", trigger: "blur" },
          { validator: this.validateNum, trigger: 'blur' }
        ],
        coalSpaceMin: [
          { required: true, message: "请输入煤层间距最小值", trigger: "blur" },
          { validator: this.validateNum, trigger: 'blur' }
        ],
        coalSpaceMax: [
          { required: true, message: "请输入煤层间距最大值", trigger: "blur" },
          { validator: this.validateNum, trigger: 'blur' }
        ],
        coalSpaceAvg: [
          { required: true, message: "请输入煤层间距平均值", trigger: "blur" },
          { validator: this.validateNum, trigger: 'blur' }
        ],
        coalSpacePointCount: [
          { required: true, message: "请输入煤层间距测点数", trigger: "blur" },
          { validator: this.validateNum, trigger: 'blur' }
        ],
        tDepthMin: [
          { required: true, message: "请输入理论深度最小值", trigger: "blur" },
          { validator: this.validateNum, trigger: 'blur' }
        ],
        tDepthMax: [
          { required: true, message: "请输入理论深度最大值", trigger: "blur" },
          { validator: this.validateNum, trigger: 'blur' }
        ],
        tDepthAvg: [
          { required: true, message: "请输入理论深度平均值", trigger: "blur" },
          { validator: this.validateNum, trigger: 'blur' }
        ],
        tDepthPointCount: [
          { required: true, message: "请输入理论深度测点数", trigger: "blur" },
          { validator: this.validateNum, trigger: 'blur' }
        ],
        partingThickMin: [
          { required: true, message: "请输入夹矸厚度最小值", trigger: "blur" },
          { validator: this.validateNum, trigger: 'blur' }
        ],
        partingThickMax: [
          { required: true, message: "请输入夹矸厚度最大值", trigger: "blur" },
          { validator: this.validateNum, trigger: 'blur' }
        ],
        partingCount: [
          { required: true, message: "请输入夹矸层数", trigger: "blur" },
          { validator: this.validateNum, trigger: 'blur' }
        ],
        // condition: [
        //   { required: true, message: "请输入可采情况", trigger: "blur" },
        // ],
        // stability: [
        //   { required: true, message: "请输入稳定程度", trigger: "blur" },
        // ],
        // coalBoreholeCodes: [
        //   {
        //     required: true,
        //     message: "请选择煤层钻孔编号集合",
        //     trigger: "change",
        //   },
        // ],
        miningArea: [
          { required: true, message: "请输入开采面积", trigger: "blur" },
          { validator: this.validateNum, trigger: 'blur' }
        ],
        miningRate: [
          { required: true, message: "请输入开采回采率", trigger: "blur" },
          { validator: this.validateNum, trigger: 'blur' }
        ],
        ashContent: [
          { required: true, message: "请输入灰分Ad", trigger: "blur" },
          { validator: this.validateNum, trigger: 'blur' }
        ],
        volatileMatter: [
          { required: true, message: "请输入挥发分Vdaf", trigger: "blur" },
          { validator: this.validateNum, trigger: 'blur' }
        ],
        fixedCarbon: [
          { required: true, message: "请输入固定碳FC daf", trigger: "blur" },
          { validator: this.validateNum, trigger: 'blur' }
        ],
        sulfurContent: [
          { required: true, message: "请输入硫分St,d", trigger: "blur" },
          { validator: this.validateNum, trigger: 'blur' }
        ],
        moistureContent: [
          { required: true, message: "请输入水分Mad", trigger: "blur" },
          { validator: this.validateNum, trigger: 'blur' }
        ],
      },
      meicengzuankongForm: {}, //钻孔层级新增数据
      meicengArr: [], //煤层结构，夹矸数值数组
      meicengzuankongRules: {
        boreholeCode: [
          { required: true, message: "请输入钻孔编号", trigger: "blur" },
        ],
        // code: [{ required: true, message: "请输入编号", trigger: "blur" }],
        elevation: [
          { required: true, message: "请输入地面标高", trigger: "blur" },
          { validator: this.validateNum, trigger: 'blur' }
        ],
        // structure: [
        //   { required: true, message: "请输入内部结构信息", trigger: "blur" },
        // ],
        // azimuth: [{ required: true, message: "请输入方位角", trigger: "blur" }],
        // series: [
        //   { required: true, message: "请输入地层系统（系）", trigger: "blur" },
        // ],
        // epoch: [
        //   { required: true, message: "请输入地层系统（统）", trigger: "blur" },
        // ],
        // group: [
        //   { required: true, message: "请输入地层系统（组）", trigger: "blur" },
        // ],
        // coalSeamCode: [
        //   { required: true, message: "请输入煤层标志层编号", trigger: "blur" },
        // ],
        totalDepth: [
          { required: true, message: "请输入累深（m）", trigger: "blur" },
          { validator: this.validateNum, trigger: 'blur' }
        ],
        thickness: [
          { required: true, message: "请输入层厚（m）", trigger: "blur" },
          { validator: this.validateNum, trigger: 'blur' }
        ],
        miningLength: [
          { required: true, message: "请输入采长", trigger: "blur" },
          { validator: this.validateNum, trigger: 'blur' }
        ],
        recovery: [
          { required: true, message: "请输入采取率", trigger: "blur" },
          { validator: this.validateNum, trigger: 'blur' }
        ],
        // dipAngle: [{ required: true, message: "请输入倾角", trigger: "blur" }],
        trueThickness: [
          { required: true, message: "请输入真厚（m）", trigger: "blur" },
          { validator: this.validateNum, trigger: 'blur' }
        ],
        totalTrueThickness: [
          { required: true, message: "请输入真厚累计（m）", trigger: "blur" },
          { validator: this.validateNum, trigger: 'blur' }
        ],
        // rockName: [
        //   { required: true, message: "请输入岩石名称", trigger: "blur" },
        // ],
        // lithologyDescription: [
        //   { required: true, message: "请输入岩性描述", trigger: "blur" },
        // ],
        // lithologyInterpretation: [
        //   { required: true, message: "请输入岩性解释", trigger: "blur" },
        // ],
        // roofLithology: [
        //   { required: true, message: "请输入顶板岩性", trigger: "blur" },
        // ],
        // floorLithology: [
        //   { required: true, message: "请输入底板岩性", trigger: "blur" },
        // ],
        floorElevation: [
          { required: true, message: "请输入底板标高", trigger: "blur" },
          { validator: this.validateNum, trigger: 'blur' }
        ],
        // quality: [
        //   { required: true, message: "请输入质量评价", trigger: "blur" },
        // ],
        // results: [
        //   { required: true, message: "请输入采用成果", trigger: "blur" },
        // ],
        levelIndex: [
          { required: true, message: "请输入层序号", trigger: "blur" },
          { validator: this.validateNum, trigger: 'blur' }
        ],
        // radius: [{ required: true, message: "请输入孔径", trigger: "blur" }],
        // ycCode: [
        //   { required: true, message: "请输入岩层编号", trigger: "blur" },
        // ],
      },
      zuankongForm: {}, //钻孔新增数据
      zuankongRules: {
        name: [{ required: true, message: "请输入钻孔名称", trigger: "blur" }],
        drillHoleType: [
          { required: true, message: "请选择钻孔类型", trigger: "change" },
        ],
        x: [{ required: true, message: "请输入X坐标", trigger: "blur" },
        { validator: this.validateNum, trigger: 'blur' }
        ],
        y: [{ required: true, message: "请输入Y坐标", trigger: "blur" },
        { validator: this.validateNum, trigger: 'blur' }
        ],
        z: [{ required: true, message: "请输入Z坐标", trigger: "blur" },
        { validator: this.validateNum, trigger: 'blur' }
        ],
        // drillHoleNumber: [{ required: true, message: "请输入孔号", trigger: "blur" }],
        // pointCode: [
        //   { required: true, message: "请选择点编号", trigger: "change" },
        // ],
        // drillHoleType: [
        //   { required: true, message: "请输入类型", trigger: "blur" },
        // ],
        depth: [
          // { required: true, message: "请输入深度", trigger: "blur" },
        { validator: this.validateNum, trigger: 'blur' }
        ],
        // finalHorizon: [
        //   { required: true, message: "请输入终孔层位", trigger: "blur" },
        // ],
        // radius: [
        //   { required: true, message: "请输入钻孔半径", trigger: "blur" },
        // ],
        // azimuth: [{ required: true, message: "请输入方位", trigger: "blur" }],
        // dipAngle: [{ required: true, message: "请输入倾角", trigger: "blur" }],
        sampleSize: [
          // { required: true, message: "请输入样品数", trigger: "blur" },
          { validator: this.validateNum, trigger: 'blur' }
        ],
        sampleLength: [
          // { required: true, message: "请输入样长", trigger: "blur" },
          { validator: this.validateNum, trigger: 'blur' }
        ],
        // constructionNumber: [
        //   { required: true, message: "请输入施工编号", trigger: "blur" },
        // ],
        // explorationLineNumber: [
        //   { required: true, message: "请输入勘察线号", trigger: "blur" },
        // ],
        // drillNumber: [
        //   { required: true, message: "请输入钻机编号", trigger: "blur" },
        // ],
        // drillingCommencementDate: [
        //   { required: true, message: "请输入采集时间", trigger: "blur" },
        // ],
        // drillingCompletionDate: [
        //   { required: true, message: "请输入完成时间", trigger: "blur" },
        // ],
      },
      duancengForm: {}, //断层新增数据
      duancengRules: {
        name: [{ required: true, message: "请输入断层名称", trigger: "blur" }],
        // code: [{ required: true, message: "请输入断层编号", trigger: "blur" }],
        // pointCodes: [
        //   { required: true, message: "请选择断层点集合", trigger: "change" },
        // ],
        depth: [
          // { required: true, message: "请输入深度", trigger: "blur" },
        { validator: this.validateNum, trigger: 'blur' }
        ],
        type: [{ required: true, message: "请输入类型", trigger: "blur" }],
        // strike: [{ required: true, message: "请输入走向", trigger: "blur" }],
        // dipDirection: [
        //   { required: true, message: "请输入倾向", trigger: "blur" },
        // ],
        // dipAngle: [{ required: true, message: "请输入倾角", trigger: "blur" }],
        zoneLength: [
          // { required: true, message: "请输入区内延展长度", trigger: "blur" },
          { validator: this.validateNum, trigger: 'blur' }
        ],
        // displacement: [
        //   { required: true, message: "请输入落差", trigger: "blur" },
        // ],
        aCount: [
          // { required: true, message: "请输入A级断点", trigger: "blur" },
          { validator: this.validateNum, trigger: 'blur' }
        ],
        bCount: [
          // { required: true, message: "请输入B级断点", trigger: "blur" },
          { validator: this.validateNum, trigger: 'blur' }
        ],
        cCount: [
          // { required: true, message: "请输入C级断点", trigger: "blur" },
          { validator: this.validateNum, trigger: 'blur' }
        ],
        // category: [{ required: true, message: "请输入分类", trigger: "blur" }],
        // controlDegree: [
        //   { required: true, message: "请输入控制程度", trigger: "blur" },
        // ],
      },
      hangdaoForm: {}, //巷道新增数据
      hangdaoRules: {
        parentTunnelCode: [
          { required: true, message: "请输入上级巷道code", trigger: "blur" },
        ],
        // tunnelCode: [
        //   { required: true, message: "请输入巷道编码", trigger: "blur" },
        // ],
        // lines: [
        //   { required: true, message: "请输入巷道线集合", trigger: "blur" },
        // ],
        tunnelName: [
          { required: true, message: "请输入巷道名称", trigger: "blur" },
        ],
        // tunnelTypeId: [
        //   { required: true, message: "请输入巷道类型ID", trigger: "blur" },
        // ],
        tunnelAvgSlope:[
           //   { required: true, message: "请输入平均坡度", trigger: "blur" },
        { validator: this.validateNum, trigger: 'blur' }
        ],
        tunnelAvgUpperWidth: [
          // { required: true, message: "请输入平均上底宽度", trigger: "blur" },
          { validator: this.validateNum, trigger: 'blur' }
        ],
        tunnelAvgBottomWidth: [
          { required: true, message: "请输入平均下底宽度", trigger: "blur" },
          { validator: this.validateNum, trigger: 'blur' }
        ],
        tunnelAvgPeakHeight: [
          // { required: true, message: "请输入平均全高", trigger: "blur" },
          { validator: this.validateNum, trigger: 'blur' }
        ],
        tunnelAvgRelativeSealLevelHeight: [
          // { required: true, message: "请输入平均标高", trigger: "blur" },
          { validator: this.validateNum, trigger: 'blur' }
        ],
        tunnelOverallLength: [
          // { required: true, message: "请输入总长度", trigger: "blur" },
          { validator: this.validateNum, trigger: 'blur' }
        ],
        // tunnelAvgSlope: [
        //   { required: true, message: "请输入平均平滑度", trigger: "blur" },
        // ],
        tunnelAvgFrictionalCoefficient: [
          // {
          //   required: true,
          //   message: "请输入平均摩擦阻力系数",
          //   trigger: "blur",
          // },
          { validator: this.validateNum, trigger: 'blur' }
        ],
        tunnelAvgPerimeter: [
          // { required: true, message: "请输入平均周界", trigger: "blur" },
          { validator: this.validateNum, trigger: 'blur' }
        ],
        tunnelSectionalArea: [
          // { required: true, message: "请输入断面面积", trigger: "blur" },
          { validator: this.validateNum, trigger: 'blur' }
        ],
        // status: [{ required: true, message: "请输入状态", trigger: "blur" }],
        // usage: [{ required: true, message: "请输入巷道用途", trigger: "blur" }],
        // support: [
        //   { required: true, message: "请输入支护方式", trigger: "blur" },
        // ],
        // tunnelTypeName: [
        //   { required: true, message: "请输入巷道类型名称", trigger: "blur" },
        // ],
        // tunnelAzimuth: [
        //   { required: true, message: "请输入方位角", trigger: "blur" },
        // ],
      },
      gongzuomianForm: {}, //工作面新增数据
      gongzuomianRules: {
        // workingFaceCode: [
        //   { required: true, message: "请输入工作面编号", trigger: "blur" },
        // ],
        workingFaceName: [
          { required: true, message: "请输入工作面名称", trigger: "blur" },
        ],
        workingFaceTypeId: [
          { required: true, message: "请选择工作面类型", trigger: "change" },
        ],
        // areaCode: [
        //   { required: true, message: "请输入面编号", trigger: "blur" },
        // ],
        // directionPoints: [
        //   { required: true, message: "请输入开采方向点集合", trigger: "blur" },
        // ],
        recordStorage: [
          // { required: true, message: "请输入已采煤量", trigger: "blur" },
          { validator: this.validateNum, trigger: 'blur' }
        ],
        recordProgressDistance: [
          // { required: true, message: "请输入已开采进度(m)", trigger: "blur" },
          { validator: this.validateNum, trigger: 'blur' }
        ],
        // recordProgressTime: [
        //   { required: true, message: "请输入开采时间", trigger: "blur" },
        // ],
        avgDayProgress: [
          // { required: true, message: "请输入日开采进度(m)", trigger: "blur" },
          { validator: this.validateNum, trigger: 'blur' }
        ],
        workingFaceWidth: [
          // { required: true, message: "请输入工作面宽度(m)", trigger: "blur" },
          { validator: this.validateNum, trigger: 'blur' }
        ],
        workingFaceHeight: [
          // { required: true, message: "请输入工作面高度(m)", trigger: "blur" },
          { validator: this.validateNum, trigger: 'blur' }
        ],
        workingFaceLength: [
          // { required: true, message: "请输入工作面长度(m)", trigger: "blur" },
          { validator: this.validateNum, trigger: 'blur' }
        ],
        // angleInclination: [
        //   { required: true, message: "请输入倾斜角度", trigger: "blur" },
        // ],
        coalStorage: [
          // { required: true, message: "请输入储煤量(t)", trigger: "blur" },
          { validator: this.validateNum, trigger: 'blur' }
        ],
        // exploitableCoal: [
        //   { required: true, message: "请输入可开采量", trigger: "blur" },
        // ],
        coalThickness: [
          // { required: true, message: "请输入煤层厚度(m)", trigger: "blur" },
          { validator: this.validateNum, trigger: 'blur' }
        ],
        // status: [{ required: true, message: "请输入状态", trigger: "blur" }],
        // coalMiningMethodTypeId: [
        //   { required: true, message: "请输入工作面类型", trigger: "blur" },
        // ],
        // coalCode: [
        //   { required: true, message: "请输入煤层编号", trigger: "blur" },
        // ],
        // // sensorCode: [
        // //   { required: true, message: "请输入传感器编号", trigger: "blur" },
        // // ],
        // geologicalCode: [
        //   { required: true, message: "请输入地质编号", trigger: "blur" },
        // ],
        exploitableCoal:[
        // { required: true, message: "请输入可采煤量", trigger: "blur" },
        { validator: this.validateNum, trigger: 'blur' }
        ],
        extDepth: [
          // { required: true, message: "请输入开采深度", trigger: "blur" },
          { validator: this.validateNum, trigger: 'blur' }
        ],
        dailyProduction: [
          // { required: true, message: "请输入日产量", trigger: "blur" },
          { validator: this.validateNum, trigger: 'blur' }
        ],
        // dangerSourceType: [
        //   { required: true, message: "请输入危险源类型", trigger: "blur" },
        // ],
        // dangerSourceCode: [
        //   { required: true, message: "请输入危险源名称", trigger: "blur" },
        // ],
        // sensorType: [
        //   { required: true, message: "请输入传感器类型", trigger: "blur" },
        // ],
        // sensorCode: [
        //   { required: true, message: "请输入传感器名称", trigger: "blur" },
        // ],
      },
      jishuiquForm: {}, //积水区新增数据
      jishuiquRules: {
        name: [
          { required: true, message: "请输入积水区名称", trigger: "blur" },
        ],
        // code: [
        //   { required: true, message: "请输入积水区编号", trigger: "blur" },
        // ],
        // areaCode: [
        //   { required: true, message: "请选择面编号", trigger: "change" },
        // ],
        measuredArea: [
          // { required: true, message: "请输入面积", trigger: "blur" },
          { validator: this.validateNum, trigger: 'blur' }
        ],
        depth: [
          // { required: true, message: "请输入积水深度", trigger: "blur" },
          { validator: this.validateNum, trigger: 'blur' }
        ],
        volume: [
          // { required: true, message: "请输入积水量", trigger: "blur" },
          { validator: this.validateNum, trigger: 'blur' }
        ],
        // reason: [
        //   { required: true, message: "请输入积水原因", trigger: "blur" },
        // ],
        // quality: [
        //   { required: true, message: "请输入水质情况", trigger: "blur" },
        // ],
        // surrounding: [
        //   { required: true, message: "请输入周边环境", trigger: "blur" },
        // ],
        // measures: [
        //   { required: true, message: "请输入处理措施", trigger: "blur" },
        // ],
        // assessment: [
        //   { required: true, message: "请输入可采性评估", trigger: "blur" },
        // ],
      },
      dizhibaogaoForm: {}, //地质报告新增数据
      dizhibaogaoRules: {
        fileName: [
          { required: true, message: "请输入文档名称", trigger: "blur" },
        ],
        compilationUnit: [
          { required: true, message: "请输入编制单位", trigger: "blur" },
        ],
        compilationDate: [
          { required: true, message: "请选择编制日期", trigger: "change" },
        ],
        sendTime: [
          { required: true, message: "请选择上传时间", trigger: "change" },
        ],
      },
      caimeijiForm: {}, //采掘设备新增数据
      caimeijiRules: {
        carNo: [{ required: true, message: "请输入设备编号", trigger: "blur" }],
        carName: [
          { required: true, message: "请输入设备名称", trigger: "blur" },
        ],
        // cardNo: [
        //   { required: true, message: "请输入标识卡号", trigger: "blur" },
        // ],
        // workAreaName: [
        //   { required: true, message: "请输入工作面名称", trigger: "blur" },
        // ],
        carTypeId: [
          { required: true, message: "请输入设备类型名称", trigger: "change" },
        ],
        // tunnelDistance: [
        //   { required: true, message: "请输入巷道距离", trigger: "blur" },
        // ],
        // x: [{ required: true, message: "请输入三维坐标X", trigger: "blur" }],

        // y: [{ required: true, message: "请输入三维坐标y", trigger: "blur" }],
        // z: [{ required: true, message: "请输入三维坐标z", trigger: "blur" }],
        // tunnelName: [
        //   { required: true, message: "请输入巷道名称", trigger: "blur" },
        // ],
      },
      title: "新增", //新增弹窗标题
      dialogVisible: false, //新增弹窗
      tabsData: [
        {
          label: "地质勘探线",
        },
        {
          label: "煤层",
        },
        {
          label: "钻孔层级",
        },
        {
          label: "钻孔",
        },
        {
          label: "断层",
        },
        {
          label: "巷道",
        },
        {
          label: "工作面",
        },
        {
          label: "积水区",
        },
        {
          label: "地质报告",
        },
        {
          label: "采掘设备",
        },
      ],
      exportData: [], //导出数据
      fileList: [], //附件列表
      formInline: {}, //搜索框
      tableData: [], //表格数据
      headerData: [], //表头数据
      headerTitle: [], //表头名称
      page: {
        currentPage: 1,
        pageSize: 10,
        total: 0,
      },
      page2: {
        currentPage: 1,
        pageSize: 10,
        total: 0,
      },
      caimeitypeData: [], //采煤方式下拉框数据
      dianSelectData: [], //点编号下拉框数据
      xianSelectData: [], //线编号下拉框数据
      mianSelectData: [], //面编号下拉框数据
      meicengzuankongData: [], //钻孔层级数据
      zuankongData: [], //钻孔数据
      meicengData: [], //煤层数据
      detailObject: {}, //详情数据,查看/编辑/删除
      caimeijiData: [], //采掘设备数据
      dangerTypeSelectData: [], //危险源类型下拉框数据
      dangerSelectData: [], //危险源名称下拉框数据
      typeSelectData: [], //类型下拉框数据
      dangerSourceList: [
        //危险源集合
        {
          dangerSourceCode: [], //危险源编号
          dangerSourceName: [], //危险源名称
          dangerSourceType: "", //危险源类型int  0=断层, 1=积水区
          dangerNameData: [], //危险源名称下拉框数据
        },
      ],
      sensorTypeSelectData: [], //传感器类型下拉框数据
      sensorSelectData: [], //传感器名称下拉框数据
      sensorList: [
        //传感器集合
        {
          sensorCode: [], //传感器编号
          sensorName: [], //传感器名称
          sensorType: "", //传感器类型int  0=涌水量, 1=降雨, 2=水质
          sensorNameData: [], //传感器名称下拉框数据
        },
      ],
      multipleSelection: [], //多选
      headerZiduan: "t_geology_basic_exploration_line", //表头字段,默认第一个地质勘探线
      listUrl: "/transgeology/basic/explorationline/list", //列表接口,默认第一个地质勘探线
      addUrl: "/transgeology/basic/explorationline/add", //新增接口,默认第一个地质勘探线
      editUrl: "/transgeology/basic/explorationline/edit", //编辑接口,默认第一个地质勘探线
      deleteUrl: "/transgeology/basic/explorationline/", //删除接口,默认第一个地质勘探线
      detailUrl: "/transgeology/basic/explorationline/", //详情接口,默认第一个地质勘探线
      importUrl: "/transgeology/basic/explorationline/importExcel", //导入接口,默认第一个地质勘探线
      exportUrl: "/transgeology/basic/explorationline/export", //导出接口,默认第一个地质勘探线
      downloadUrl: "/transgeology/basic/explorationline/importTemplate", //下载模版接口,默认第一个地质勘探线
    };
  },
  methods: {
     validateNum(rule, value, callback) {
      if(value==null){
        callback();
      }
		//正则校验只能输入数字或小数
    var re = /^[0-9]+(\.[0-9]+)?$/;
		if (!re.test(value)) {
			callback(new Error("只能输入数字或小数"));
		} else {
			callback();
		}
    },
    substrFn(val) {
      if (val && val.length > 30) {
        return val.substring(0, 30) + "...";
      }
    },
    handleSelectionChange(val) {
      //多选
      this.multipleSelection = val;
    },
    //下载模版
    downloadFn() {
      axios({
        url: this.downloadUrl,
        method: "POST",
        responseType: "blob",
      }).then((response) => {
        var fileURL = window.URL.createObjectURL(new Blob([response]));
        var fileLink = document.createElement("a");
        fileLink.href = fileURL;
        fileLink.setAttribute("download", `${this.tabLabel}(模版).xlsx`);
        document.body.appendChild(fileLink);
        fileLink.click();
      });
    },
    //导入
    importFn() {
      // axios.post(this.importUrl, {}).then((res) => {});
      this.daoruFlag = true;
    },
    daoruhandleClose() {
      this.daoruFlag = false;
    },
    submitUpload() {
      this.$refs.upload.submit();
    },
    // 文件上传成功时执行的函数
    onsuccess(res) {
      if (res.code === 200) {
        if (res.data !== null && res.data.includes("重复数据")) {
          this.$message.warning(res.data);
        } else {
          this.daoruFlag = false;
          this.getList();
          this.fileList2 = [];
          this.$message.success("导入成功");
        }
      } else {
        this.$message.error(res.msg);
      }
    },
    //导出
    exportFn(val) {
      let obj = {
        pageNum: this.page.currentPage,
        pageSize: this.page.pageSize,
      };
      if (val == "danqian") {
        obj = {
          pageNum: this.page.currentPage,
          pageSize: this.page.pageSize,
        };
      } else if (val == "quanbu") {
        obj = {
          // pageNum: 1,
          // pageSize: 10000,
        };
      }
      axios({
        url: this.exportUrl,
        method: "POST",
        responseType: "blob",
        data: obj,
        // params:{trainInfoSecondType: props.catalogId}
      }).then((response) => {
        var fileURL = window.URL.createObjectURL(new Blob([response]));
        var fileLink = document.createElement("a");
        fileLink.href = fileURL;
        fileLink.setAttribute(
          "download",
          val == "danqian"
            ? this.tabLabel + ".xlsx"
            : this.tabLabel + "(全部数据).xlsx"
        );
        document.body.appendChild(fileLink);
        fileLink.click();
      });
      // axios.post(this.listUrl, obj).then((res) => {
      //   if (res.data && res.data.list) {
      //     this.exportData = res.data.list;
      //     setTimeout(() => {
      //       /* 获取表格数据 */
      //       let xlsxParam = { raw: true }; //此行代码可解决导出时时间，身份证错乱问题
      //       const ws = XLSX.utils.table_to_sheet(
      //         document.getElementById("out-table"),
      //         xlsxParam
      //       );
      //       /* 新建工作簿并添加工作表 */
      //       const wb = XLSX.utils.book_new();
      //       XLSX.utils.book_append_sheet(wb, ws, "Sheet1");
      //       /* 生成Excel文件 */
      //       const wbout = XLSX.write(wb, { bookType: "xlsx", type: "binary" });
      //       /* 字符串转ArrayBuffer */
      //       function s2ab(s) {
      //         const buf = new ArrayBuffer(s.length);
      //         const view = new Uint8Array(buf);
      //         for (let i = 0; i !== s.length; ++i)
      //           view[i] = s.charCodeAt(i) & 0xff;
      //         return buf;
      //       }
      //       /* 保存文件 */
      //       saveAs(
      //         new Blob([s2ab(wbout)], { type: "application/octet-stream" }),
      //         val == "danqian"
      //           ? this.tabLabel + ".xlsx"
      //           : this.tabLabel + "(全部数据).xlsx"
      //       );
      //     }, 1000);
      //   }
      // });
    },
    //表格设置
    tableSetFn() {
      //打开
      this.tableSettingFlag = true;
      this.$nextTick(() => {
        this.rowDrop();
      });
    },
    tableSettinghandleClose() {
      //关闭
      this.tableSetSubmit();
      this.tableSettingFlag = false;
    },
    tableSetSubmit() {
      //表格设置提交
      this.headerTitle.forEach((item, index) => {
        item.sort = index;
      });
      axios
        .post("/vxeheaders/setHeaders", {
          headers: this.headerTitle,
        })
        .then((res) => {
          this.getHeaderList();
          // this.getList();
          this.$message.success("设置成功");
          this.tableSettingFlag = false;
        });
    },
    rowDrop() {
      //行拖拽   排序修改el-table标签属性row-key="field"
      const tbody = document.querySelector(
        ".draggable-table .el-table__body-wrapper tbody"
      );
      new Sortable(tbody, {
        handle: ".rowSortable",
        animation: 150,
        onEnd: ({ newIndex, oldIndex }) => {
          console.log(newIndex, oldIndex);
          this.$nextTick(() => {
            const targetRow = this.headerTitle[oldIndex];
            this.headerTitle.splice(oldIndex, 1);
            this.headerTitle.splice(newIndex, 0, targetRow);
          });
          console.log(this.headerTitle, "999");
          // const currRow = this.headerTitle.splice(oldIndex, 1)[0]
          // this.headerTitle.splice(newIndex, 0, currRow)
        },
      });
    },
    //分类管理
    tagChangeSelect() {
      //报告，文件标签下拉选择变化
      this.fenleiAllData.forEach((item) => {
        if (item.id == this.dizhibaogaoForm.fileTagId) {
          this.dizhibaogaoForm.fileTag = item.tag;
        }
      });
    },
    feileiFn() {
      //新建分类
      this.getFenleiList();
      this.fenleiFlag = true;
    },
    fenleihandleClose() {
      //新建分类关闭
      this.fenleiFlag = false;
    },
    fenlei2handleClose() {
      //新增关闭
      this.fenlei2Flag = false;
    },
    fenleiAdd() {
      //分类表单提交
      this.$refs.feileiRef.validate((valid) => {
        if (valid) {
          if (this.fenleiTitle == "新增") {
            axios
              .post("/geology/digital/filetag/add", {
                tag: this.fenleiForm.tag,
                fileType: 0, //文件类型,0=地质报告,1=水文报告,2=测量文档
              })
              .then((res) => {
                this.$message.success("新增成功");
                this.getFenleiList();
                this.fenlei2Flag = false;
                this.fenleiForm = {};
              });
          } else if (this.fenleiTitle == "编辑") {
            axios
              .post("/geology/digital/filetag/edit", {
                tag: this.fenleiForm.tag,
                id: this.fenleiForm.id,
                fileType: 0, //文件类型,0=地质报告,1=水文报告,2=测量文档
              })
              .then((res) => {
                this.$message.success("编辑成功");
                this.getFenleiList();
                this.fenlei2Flag = false;
                this.fenleiForm = {};
              });
          }
        } else {
          return false;
        }
      });
    },
    //新增分类
    addFenleiFn() {
      this.fenleiForm = {};
      this.fenleiTitle = "新增";
      this.fenlei2Flag = true;
    },
    //编辑分类
    editFenleiFn(row) {
      this.fenleiForm = row;
      this.fenleiTitle = "编辑";
      this.fenlei2Flag = true;
    },
    //删除分类
    deleteFenleiFn(row) {
      this.$confirm("是否删除该分类?", "提示", {
        confirmButtonText: "确定",
        cancelButtonText: "取消",
        type: "warning",
      })
        .then(() => {
          axios.delete("/geology/digital/filetag/" + row.id).then((res) => {
            this.$message.success("删除成功");
            this.getFenleiList();
          });
        })
        .catch(() => {});
    },
    //获取分类管理数据
    getFenleiList() {
      axios
        .post("/geology/digital/filetag/list", {
          fileType: 0,
          pageNum: this.page2.currentPage,
          pageSize: this.page2.pageSize,
        })
        .then((res) => {
          if (res.data.list) {
            this.page2.total = res.data.total;
            this.fenleiData = res.data.list;
          }
        });
    },
    // 工作面下拉选择框
    dangerAddFn() {
      //危险源新增
      this.dangerSourceList.push({
        dangerSourceCode: "",
        dangerSourceName: [], //危险源名称多选集合
        dangerSourceType: "",
        dangerNameData: [], //危险源名称下拉框数据
      });
    },
    dangerDelFn() {
      //危险源删除
      this.dangerSourceList.splice(this.dangerSourceList.length - 1, 1);
    },
    addchangeDangerSourceType(val, idx) {
      //新增后危险源类型改变
      this.dangerSourceList[idx].dangerSourceCode = "";
      if (this.gongzuomianForm?.dangerSourceType == val.dangerSourceType) {
        this.$message.error("不能选择相同的类型");
        val.dangerSourceType = "";
        this.dangerSourceList[idx].dangerNameData = [];
        this.dangerSourceList[idx].dangerSourceCode = "";
        return false;
      } else {
        this.dangerSourceList.forEach((item, index) => {
          if (idx != index) {
            if (item.dangerSourceType == val.dangerSourceType) {
              this.$message.error("不能选择相同的类型");
              // val.dangerSourceType = "";
              this.dangerSourceList[idx].dangerSourceType = "";
              this.dangerSourceList[idx].dangerNameData = [];
              this.dangerSourceList[idx].dangerSourceCode = "";
              return false;
            } else {
              this.dangerTypeSelectData.forEach((item) => {
                if (item.code == val.dangerSourceType) {
                  this.dangerSourceList[idx].dangerNameData = item.childs;
                }
              });
            }
          } else {
            this.dangerTypeSelectData.forEach((item) => {
              if (item.code == val.dangerSourceType) {
                this.dangerSourceList[idx].dangerNameData = item.childs;
              }
            });
          }
        });
      }
    },
    addchangeDangerSourceCode(val, idx) {
      //新增后危险源名称改变
      let arr = [];
      this.dangerSourceList[idx].dangerSourceCode.forEach((item, index) => {
        this.dangerSourceList[idx].dangerNameData.forEach((item1, index1) => {
          if (item == item1.code) {
            arr.push(item1.name);
          }
        });
        // item.dangerSourceName = arr;
      });
      this.dangerSourceList[idx].dangerSourceName = arr;
    },
    // 保留如下代码
    //     changeDangerSourceType(e) {
    //       //危险源类型
    //       this.gongzuomianForm.dangerSourceCode = "";
    //       this.dangerTypeSelectData.forEach((item) => {
    //             if (item.code == e) {
    //               this.dangerSelectData = item.childs;
    //             }
    //           });
    //       this.dangerSourceList.forEach((item) => {
    //         if (item.dangerSourceType == e) {
    //           this.$message.error("不能选择相同的类型");
    //           this.gongzuomianForm.dangerSourceType = "";
    //           this.gongzuomianForm.dangerSourceCode = "";
    //           this.dangerSelectData = [];
    //           return false;
    //         }
    //       });
    //       //   url = `/transgeology/basic/coalseamfault/listNoPage`; //断层
    //       //   url = `/transgeology/basic/standingwaterarea/listNoPage`; //积水区
    //     },
    //     changeDangerSourceCode(e) {//危险源名称
    // this.dangerSelectData.forEach((item) => {
    //             if (item.code == e) {
    //               this.gongzuomianForm.dangerSourceName = item.name;
    //             }
    //           });
    //     },
    sensorAddFn() {
      //传感器新增
      this.sensorList.push({
        sensorCode: "", //传感器编号
        sensorName: [], //传感器名称
        sensorType: "", //传感器类型int  0=涌水量, 1=降雨, 2=水质
        sensorNameData: [], //传感器名称下拉框数据
      });
    },
    sensorDelFn() {
      //传感器删除
      this.sensorList.splice(this.sensorList.length - 1, 1);
    },
    addchangeSensorType(val, idx) {
      //新增后传感器类型改变
      this.sensorList[idx].sensorCode = "";
      if (this.gongzuomianForm?.sensorType == val.sensorType) {
        this.$message.error("不能选择相同的类型");
        val.sensorType = "";
        this.sensorList[idx].sensorNameData = [];
        this.sensorList[idx].sensorCode = "";
        return false;
      } else {
        this.sensorList.forEach((item, index) => {
          if (idx != index) {
            if (item.sensorType == val.sensorType) {
              this.$message.error("不能选择相同的类型");
              // val.sensorType = "";
              this.sensorList[idx].sensorType = "";
              this.sensorList[idx].sensorNameData = [];
              this.sensorList[idx].sensorCode = "";
              return false;
            } else {
              this.sensorTypeSelectData.forEach((item) => {
                if (item.code == val.sensorType) {
                  this.sensorList[idx].sensorNameData = item.childs;
                }
              });
            }
          } else {
            this.sensorTypeSelectData.forEach((item) => {
              if (item.code == val.sensorType) {
                this.sensorList[idx].sensorNameData = item.childs;
              }
            });
          }
        });
      }
    },
    addchangeSensorCode(val, idx) {
      //新增后危险源名称改变
      let arr = [];
      this.sensorList[idx].sensorCode.forEach((item, index) => {
        this.sensorList[idx].sensorNameData.forEach((item1, index1) => {
          if (item == item1.code) {
            arr.push(item1.name);
          }
        });
        // item.sensorName = arr;
      });
      this.sensorList[idx].sensorName = arr;
    },
    // 保留如下代码
    // changeSensorType(e) {
    //   //传感器类型
    //   this.sensorTypeSelectData.forEach((item) => {
    //         if (item.code == e) {
    //           this.sensorSelectData = item.childs;
    //         }
    //       });
    //   this.sensorList.forEach((item) => {
    //     if (item.sensorType == e) {
    //       this.$message.error("不能选择相同的类型");
    //       this.gongzuomianForm.sensorType = "";
    //       this.gongzuomianForm.sensorCode = "";
    //       this.sensorSelectData = [];
    //       return false;
    //     }
    //   });
    //     // url = `/real/gushing/pointInfo/list`; //涌水量
    //     // url = `/real/rain/pointInfo/list`; //降雨量
    //     // url = `/real/waterquality/pointInfo/list`; //水质
    //   // this.sensorSelectData = [];
    // },
    // changeSensorCode(e){//传感器名称
    //   this.sensorSelectData.forEach((item) => {
    //         if (item.code == e) {
    //           this.gongzuomianForm.sensorName = item.name;
    //         }
    //       })
    // },
    getSelectData() {
      axios
        .post("/basic/combobox/list", {
          condition: ["danger_type", "sensor_type"],
        })
        .then((res) => {
          if (res.data) {
            this.dangerTypeSelectData = res.data.danger_type;
            this.sensorTypeSelectData = res.data.sensor_type;
          }
        });
    },
    getCaimeijiSelectData() {
      //获取采掘设备信息
      axios
        .post("/transgeology/equip/drillmachine/listNoPage", {})
        .then((res) => {
          if (res.data) {
            this.caimeijiData = res.data;
          }
        });
    },
    //设备名称选择框变化
    changeCarNo(val) {
      this.$forceUpdate();
      let arr = [];
      val.forEach((item, index) => {
        this.caimeijiData.forEach((item1, index1) => {
          if (item == item1.carNo) {
            arr.push({
              carName: item1.carName,
              carNo: item1.carNo,
              carType: item1.carTypeId,
            });
          }
        });
      });
      this.gongzuomianForm.machineList = arr;
    },
    changeCoalMiningMethodTypeId(val) {
      //采煤方式名称选择变化
      // gongzuomianForm.coalMiningMethodTypeName
      this.caimeitypeData.forEach((item) => {
        if (item.value == val) {
          this.gongzuomianForm.coalMiningMethodTypeName = item.label;
        }
      });
    },
    //查看
    detailhandleClose() {
      this.detaildialogVisible = false;
      this.detailObject = {};
    },
    // 钻孔层级中，煤层结构，夹矸数值新增，删除
    // addJiegou() {
    //   this.meicengArr.push({ jiegou: "", jiagan: "" });
    // },
    // delJiegou() {
    //   this.meicengArr.splice(this.meicengArr.length - 1, 1);
    // },
    //地质报告文件上传
    beforeUpload(file) {
      const fileType = [
        "bmp",
        "gif",
        "jpg",
        "jpeg",
        "png",
        "doc",
        "docx",
        "xls",
        "xlsx",
        "ppt",
        "pptx",
        "html",
        "htm",
        "txt",
        "rar",
        "zip",
        "gz",
        "bz2",
        "mp4",
        "avi",
        "rmvb",
        "pdf",
        "dwg",
        "wps",
        "bpmn",
        "bar",
      ];
      if (file.type != "" || file.type != null || file.type != undefined) {
        //截取文件的后缀，判断文件类型
        const FileExt = file.name.replace(/.+\./, "").toLowerCase();
        //计算文件的大小
        const isLt5M = file.size / 1024 / 1024 < 50; //这里做文件大小限制
        // const isLt5M = file.size / 1024 < 500; //500kb
        //如果大于50M
        if (!isLt5M) {
          this.$message.error("上传文件大小超过50m");
          return false;
        }
        //如果文件类型不在允许上传的范围内
        if (fileType.includes(FileExt)) {
          return true;
        } else {
          this.$message.error("上传文件类型不正确");
          return false;
        }
      }
    },
    handleRemove(file) {
      this.fileList.splice(this.fileList.indexOf(file), 1);
      this.dizhibaogaoForm.fileSuffix = "";
      this.dizhibaogaoForm.fileUrl = "";
    },
    handleSuccess(data) {
      const FileExt = data.newFileName.replace(/.+\./, "").toLowerCase();
      this.dizhibaogaoForm.fileSuffix = "." + FileExt;
      this.dizhibaogaoForm.fileUrl = data.url;
    },
    // uploadHttpRequestAdd(data) {
    //   console.log(data, "data");
    //   // this.$refs.upload.clearFiles();
    //   let formData = new FormData();
    //   formData.append("file", data.file);
    //   axios
    //     .post(`/common/upload`, formData)
    //     .then((res) => {
    //       if (res.code == 200) {
    //         this.dizhibaogaoForm.fileSuffix=res.data.fileSuffix;//文件后缀
    //         this.dizhibaogaoForm.fileUrl=res.data.url;//文件地址
    //         this.$message.success("上传文件成功");
    //       }
    //     })
    //     .catch(() => {
    //       this.$message.error("上传文件失败");
    //     });
    // },
    topRadio(e) {
      //顶部栏切换
      if (e == "地质数据管理") {
        this.tabLabel = "地质勘探线";
        this.searchLabel = [{ label: "勘探线名称", bindData: "" }]; //搜索字段
        this.headerZiduan = "t_geology_basic_exploration_line"; //表头字段
        this.listUrl = "/transgeology/basic/explorationline/list"; //列表接口
        this.editUrl = "/transgeology/basic/explorationline/edit"; //编辑接口
        this.addUrl = "/transgeology/basic/explorationline/add"; //新增接口
        this.detailUrl = `/transgeology/basic/explorationline/`; //详情接口
        this.deleteUrl = `/transgeology/basic/explorationline/`; //删除接口
        this.importUrl = "/transgeology/basic/explorationline/importExcel"; //导入接口
        this.exportUrl = "/transgeology/basic/explorationline/export"; //导出接口
        this.downloadUrl = "/transgeology/basic/explorationline/importTemplate"; //下载模版接口
        this.getList();
      }
    },
    handleClick(tab) {
      this.tabLabel = tab.label;
      this.page.currentPage = 1;
      this.page.pageSize = 10;
      if (this.tabLabel == "地质勘探线") {
        this.searchLabel = [{ label: "勘探线名称", bindData: "" }]; //搜索字段
        this.headerZiduan = "t_geology_basic_exploration_line"; //表头字段
        this.listUrl = "/transgeology/basic/explorationline/list"; //列表接口
        this.editUrl = "/transgeology/basic/explorationline/edit"; //编辑接口
        this.addUrl = "/transgeology/basic/explorationline/add"; //新增接口
        this.detailUrl = `/transgeology/basic/explorationline/`; //详情接口
        this.deleteUrl = `/transgeology/basic/explorationline/`; //删除接口
        this.importUrl = "/transgeology/basic/explorationline/importExcel"; //导入接口
        this.exportUrl = "/transgeology/basic/explorationline/export"; //导出接口
        this.downloadUrl = "/transgeology/basic/explorationline/importTemplate"; //下载模版接口
      } else if (this.tabLabel == "煤层") {
        this.searchLabel = [{ label: "煤层名称", bindData: "" }]; //搜索字段
        this.headerZiduan = "t_geology_basic_coal_seam";
        this.listUrl = "/transgeology/basic/coalseam/list";
        this.editUrl = "/transgeology/basic/coalseam/edit";
        this.addUrl = "/transgeology/basic/coalseam/add";
        this.detailUrl = `/transgeology/basic/coalseam/`;
        this.deleteUrl = `/transgeology/basic/coalseam/`;
        this.importUrl = "/transgeology/basic/coalseam/importExcel"; //导入接口
        this.exportUrl = "/transgeology/basic/coalseam/export"; //导出接口
        this.downloadUrl = "/transgeology/basic/coalseam/importTemplate"; //下载模版接口
      } else if (this.tabLabel == "钻孔层级") {
        this.searchLabel = [
          { label: "编号", bindData: "" },
          { label: "钻孔名称", bindData: "" },
        ]; //搜索字段
        this.headerZiduan = "t_geology_basic_coal_seam_hole";
        this.listUrl = "/transgeology/basic/coalseamhole/list";
        this.editUrl = "/transgeology/basic/coalseamhole/edit";
        this.addUrl = "/transgeology/basic/coalseamhole/add";
        this.detailUrl = `/transgeology/basic/coalseamhole/`;
        this.deleteUrl = `/transgeology/basic/coalseamhole/`;
        this.importUrl = "/transgeology/basic/coalseamhole/importExcel"; //导入接口
        this.exportUrl = "/transgeology/basic/coalseamhole/export"; //导出接口
        this.downloadUrl = "/transgeology/basic/coalseamhole/importTemplate"; //下载模版接口
      } else if (this.tabLabel == "钻孔") {
        this.getTypeSelect();
        this.searchLabel = [{ label: "钻孔名称", bindData: "" }]; //搜索字段
        this.headerZiduan = "t_geology_basic_drill_hole";
        this.listUrl = "/transgeology/basic/drillhole/list";
        this.editUrl = "/transgeology/basic/drillhole/edit";
        this.addUrl = "/transgeology/basic/drillhole/add";
        this.detailUrl = `/transgeology/basic/drillhole/`;
        this.deleteUrl = `/transgeology/basic/drillhole/`;
        this.importUrl = "/transgeology/basic/drillhole/importExcel"; //导入接口
        this.exportUrl = "/transgeology/basic/drillhole/export"; //导出接口
        this.downloadUrl = "/transgeology/basic/drillhole/importTemplate"; //下载模版接口
      } else if (this.tabLabel == "断层") {
        this.searchLabel = [{ label: "断层名称", bindData: "" }]; //搜索字段
        this.headerZiduan = "t_geology_basic_coal_seam_fault";
        this.listUrl = "/transgeology/basic/coalseamfault/list";
        this.editUrl = "/transgeology/basic/coalseamfault/edit";
        this.addUrl = "/transgeology/basic/coalseamfault/add";
        this.detailUrl = `/transgeology/basic/coalseamfault/`;
        this.deleteUrl = `/transgeology/basic/coalseamfault/`;
        this.importUrl = "/transgeology/basic/coalseamfault/importExcel"; //导入接口
        this.exportUrl = "/transgeology/basic/coalseamfault/export"; //导出接口
        this.downloadUrl = "/transgeology/basic/coalseamfault/importTemplate"; //下载模版接口
      } else if (this.tabLabel == "巷道") {
        this.searchLabel = [{ label: "巷道名称", bindData: "" }]; //搜索字段
        this.headerZiduan = "t_geology_basic_tunnel";
        this.listUrl = "/transgeology/basic/tunnel/list";
        this.editUrl = "/transgeology/basic/tunnel/edit";
        this.addUrl = "/transgeology/basic/tunnel/add";
        this.detailUrl = `/transgeology/basic/tunnel/`;
        this.deleteUrl = `/transgeology/basic/tunnel/`;
        this.importUrl = "/transgeology/basic/tunnel/importExcel"; //导入接口
        this.exportUrl = "/transgeology/basic/tunnel/export"; //导出接口
        this.downloadUrl = "/transgeology/basic/tunnel/importTemplate"; //下载模版接口
      } else if (this.tabLabel == "工作面") {
        this.getSelectData();
        this.getCaimeijiSelectData(); //获取采掘设备下拉框数据
        this.searchLabel = [{ label: "工作面名称", bindData: "" }]; //搜索字段
        this.headerZiduan = "t_geology_basic_work_area";
        this.listUrl = "/transgeology/basic/workarea/list";
        this.editUrl = "/transgeology/basic/workarea/edit";
        this.addUrl = "/transgeology/basic/workarea/add";
        this.detailUrl = `/transgeology/basic/workarea/`;
        this.deleteUrl = `/transgeology/basic/workarea/`;
        this.importUrl = "/transgeology/basic/workarea/importExcel"; //导入接口
        this.exportUrl = "/transgeology/basic/workarea/export"; //导出接口
        this.downloadUrl = "/transgeology/basic/workarea/importTemplate"; //下载模版接口
        axios
          .post("/basic/combobox/list", { condition: ["caimeitype"] })
          .then((res) => {
            if (res.data) {
              this.caimeitypeData = res.data.caimeitype.map((item) => {
                return { label: item.name, value: item.code };
              });
            }
          });
      } else if (this.tabLabel == "积水区") {
        this.searchLabel = [{ label: "积水区名称", bindData: "" }]; //搜索字段
        this.headerZiduan = "t_geology_basic_standing_water_area";
        this.listUrl = "/transgeology/basic/standingwaterarea/list";
        this.editUrl = "/transgeology/basic/standingwaterarea/edit";
        this.addUrl = "/transgeology/basic/standingwaterarea/add";
        this.detailUrl = `/transgeology/basic/standingwaterarea/`;
        this.deleteUrl = `/transgeology/basic/standingwaterarea/`;
        this.importUrl = "/transgeology/basic/standingwaterarea/importExcel"; //导入接口
        this.exportUrl = "/transgeology/basic/standingwaterarea/export"; //导出接口
        this.downloadUrl =
          "/transgeology/basic/standingwaterarea/importTemplate"; //下载模版接口
      } else if (this.tabLabel == "地质报告") {
        //单独接口最后处理
        this.searchLabel = [
          { label: "文档名称", bindData: "" },
          { label: "编制单位", bindData: "" },
        ]; //搜索字段
        this.headerZiduan = "geology_report";
        this.listUrl = "/geology/digital/fileManage/listFile";
        this.editUrl = "/geology/digital/fileManage/editFile";
        this.addUrl = "/geology/digital/fileManage/addFile";
        this.detailUrl = `/geology/digital/fileManage/getInfo/`;
        this.deleteUrl = `/geology/digital/fileManage/del/`;
        // this.importUrl = "/geology/digital/fileManage/importExcel";//导入接口
        // this.exportUrl = "/geology/digital/fileManage/export";//导出接口
        // this.downloadUrl = "/geology/digital/fileManage/importTemplate";//下载模版接口
      } else if (this.tabLabel == "采掘设备") {
        this.searchLabel = [
          { label: "设备编号", bindData: "" },
          // { label: "设备名称", bindData: "" },
        ]; //搜索字段
        this.headerZiduan = "t_equip_drill_machine";
        this.listUrl = "/transgeology/equip/drillmachine/list";
        this.editUrl = "/transgeology/equip/drillmachine/edit";
        this.addUrl = "/transgeology/equip/drillmachine/add";
        this.detailUrl = `/transgeology/equip/drillmachine/`;
        this.deleteUrl = `/transgeology/equip/drillmachine/`;
      }
      this.getHeaderList();
    },
    addFn() {
      if (this.tabLabel == "地质勘探线") {
        this.form = {};
      } else if (this.tabLabel == "煤层") {
        this.meicengForm = {};
      } else if (this.tabLabel == "钻孔层级") {
        this.meicengzuankongForm = {};
      } else if (this.tabLabel == "钻孔") {
        this.zuankongForm = {};
      } else if (this.tabLabel == "断层") {
        this.duancengForm = {};
      } else if (this.tabLabel == "巷道") {
        this.hangdaoForm = {};
      } else if (this.tabLabel == "工作面") {
        this.gongzuomianForm = {};
        // this.getSelectData();
        // this.getCaimeijiSelectData();//获取采掘设备下拉框数据
      } else if (this.tabLabel == "积水区") {
        this.jishuiquForm = {};
      } else if (this.tabLabel == "地质报告") {
        axios
          .post("/geology/digital/filetag/listNoPage", {
            fileType: 0, //文件类型,0=地质报告,1=水文报告,2=测量文档
          })
          .then((res) => {
            this.fenleiAllData = res.data;
          });
        this.dizhibaogaoForm = {};
        this.fileList = [];
      } else if (this.tabLabel == "采掘设备") {
        this.caimeijiForm = {};
        axios
          .post("/basic/combobox/list", {
            condition: ["equipment_type_name"],
          })
          .then((res) => {
            if (res.data) {
              this.typeNameSelectData = res.data.equipment_type_name.map(
                (item) => {
                  return { label: item.name, value: item.code };
                }
              );
            }
          });
      }
      this.title = "新增";
      this.dialogVisible = true;
    },
    handleClose() {
      //关闭弹窗
      this.dialogVisible = false;
      this.$nextTick(() => {
        if (this.tabLabel == "地质勘探线") {
          // this.form = this.detailObject;
          this.$refs.form.resetFields();
        } else if (this.tabLabel == "煤层") {
          this.meicengForm.coalBoreholeCodes = String(
            this.meicengForm.coalBoreholeCodes
          ); //转为字符串否则弹层关闭控制台报错
          // this.meicengForm = this.detailObject;
          this.$refs.meicengForm.resetFields();
        } else if (this.tabLabel == "钻孔层级") {
          // this.meicengzuankongForm = this.detailObject;
          this.$refs.meicengzuankongForm.resetFields();
        } else if (this.tabLabel == "钻孔") {
          // this.zuankongForm = this.detailObject;
          this.$refs.zuankongForm.resetFields();
        } else if (this.tabLabel == "断层") {
          // this.duancengForm = this.detailObject;
          this.$refs.duancengForm.resetFields();
        } else if (this.tabLabel == "巷道") {
          // this.hangdaoForm = this.detailObject;
          this.$refs.hangdaoForm.resetFields();
        } else if (this.tabLabel == "工作面") {
          // this.gongzuomianForm = this.detailObject;
          this.$refs.gongzuomianForm.resetFields();
          this.dangerSourceList = [
            {
              dangerSourceCode: "", //危险源编号
              dangerSourceName: [], //危险源名称
              dangerSourceType: "", //危险源类型int  0=断层, 1=积水区
              dangerNameData: [], //危险源名称下拉框数据
            },
          ];
          this.sensorList = [
            {
              sensorCode: "", //传感器编号
              sensorName: [], //传感器名称
              sensorType: "", //传感器类型int  0=涌水量, 1=降雨, 2=水质
              sensorNameData: [], //传感器名称下拉框数据
            },
          ];
        } else if (this.tabLabel == "积水区") {
          // this.jishuiquForm = this.detailObject;
          this.$refs.jishuiquForm.resetFields();
        } else if (this.tabLabel == "地质报告") {
          // this.dizhibaogaoForm = this.detailObject;
          this.$refs.dizhibaogaoForm.resetFields();
          this.fileList = [];
        } else if (this.tabLabel == "采掘设备") {
          // this.caimeijiForm = this.detailObject;
          this.$refs.caimeijiForm.resetFields();
        }
      });
    },
    submitAdd() {
      //新增提交
      if (this.title == "新增") {
        if (this.tabLabel == "地质勘探线") {
          this.$refs.form.validate((valid) => {
            if (valid) {
              this.form.pointCodes = String(this.form.pointCodes);
              axios.post(this.addUrl, this.form).then((res) => {
                this.$message.success("新增成功");
                this.dialogVisible = false;
                this.getList();
              });
            } else {
              return false;
            }
          });
        } else if (this.tabLabel == "煤层") {
          this.$refs.meicengForm.validate((valid) => {
            if (valid) {
              this.meicengForm.nThickMin = this.meicengForm.nThickMin
                ? Number(this.meicengForm.nThickMin)
                : null;//自然厚度最小值
              this.meicengForm.nThickMax = this.meicengForm.nThickMax
                ? Number(this.meicengForm.nThickMax)
                : null;//自然厚度最大值
              this.meicengForm.nThickAvg = this.meicengForm.nThickAvg
                ? Number(this.meicengForm.nThickAvg)
                : null;//自然厚度平均值
              this.meicengForm.nThickPointCount = this.meicengForm
                .nThickPointCount
                ? Number(this.meicengForm.nThickPointCount)
                : null;//自然厚度测点数
              this.meicengForm.uThickMin = this.meicengForm.uThickMin
                ? Number(this.meicengForm.uThickMin)
                : null;//利用厚度最小值
              this.meicengForm.uThickMax = this.meicengForm.uThickMax
                ? Number(this.meicengForm.uThickMax)
                : null;//利用厚度最大值
              this.meicengForm.uThickAvg = this.meicengForm.uThickAvg
                ? Number(this.meicengForm.uThickAvg)
                : null;//利用厚度平均值
              this.meicengForm.uThickPointCount = this.meicengForm
                .uThickPointCount
                ? Number(this.meicengForm.uThickPointCount)
                : null;//利用厚度测点数
              this.meicengForm.coalSpaceMin = this.meicengForm.coalSpaceMin
                ? Number(this.meicengForm.coalSpaceMin)
                : null;//煤层间距最小值
              this.meicengForm.coalSpaceMax = this.meicengForm.coalSpaceMax
                ? Number(this.meicengForm.coalSpaceMax)
                : null;//煤层间距最大值
              this.meicengForm.coalSpaceAvg = this.meicengForm.coalSpaceAvg
                ? Number(this.meicengForm.coalSpaceAvg)
                : null;//煤层间距平均值
              this.meicengForm.coalSpacePointCount = this.meicengForm
                .coalSpacePointCount
                ? Number(this.meicengForm.coalSpacePointCount)
                : null;//煤层间距测点数
              this.meicengForm.tDepthMin = this.meicengForm.tDepthMin
                ? Number(this.meicengForm.tDepthMin)
                : null;//理论深度最小值
              this.meicengForm.tDepthMax = this.meicengForm.tDepthMax
                ? Number(this.meicengForm.tDepthMax)
                : null;//理论深度最大值
              this.meicengForm.tDepthAvg = this.meicengForm.tDepthAvg
                ? Number(this.meicengForm.tDepthAvg)
                : null;//理论深度平均值
              this.meicengForm.tDepthPointCount = this.meicengForm
                .tDepthPointCount
                ? Number(this.meicengForm.tDepthPointCount)
                : null;//理论深度测点数
              this.meicengForm.partingThickMin = this.meicengForm
                .partingThickMin
                ? Number(this.meicengForm.partingThickMin)
                : null;//夹矸厚度最小值
              this.meicengForm.partingThickMax = this.meicengForm
                .partingThickMax
                ? Number(this.meicengForm.partingThickMax)
                : null;//夹矸厚度最大值
              this.meicengForm.partingCount = this.meicengForm.partingCount
                ? Number(this.meicengForm.partingCount)
                : null;//夹矸层数
                this.meicengForm.miningArea = this.meicengForm.miningArea
                ? Number(this.meicengForm.miningArea)
                : null;//开采面积
                this.meicengForm.miningRate = this.meicengForm.miningRate
                ? Number(this.meicengForm.miningRate)
                : null;//开采回采率
                this.meicengForm.ashContent = this.meicengForm.ashContent
                ? Number(this.meicengForm.ashContent)
                : null;//灰分Ad
                this.meicengForm.volatileMatter = this.meicengForm.volatileMatter
                ? Number(this.meicengForm.volatileMatter)
                : null;//挥发分Vdaf
                this.meicengForm.fixedCarbon = this.meicengForm.fixedCarbon
                ? Number(this.meicengForm.fixedCarbon)
                : null;//固定碳FC daf
                this.meicengForm.sulfurContent = this.meicengForm.sulfurContent
                ? Number(this.meicengForm.sulfurContent)
                : null;//硫分St,d
                this.meicengForm.moistureContent = this.meicengForm.moistureContent
                ? Number(this.meicengForm.moistureContent)
                : null;//水分Mad
                this.meicengForm.coalBoreholeCodes = this.meicengForm
                .coalBoreholeCodes
                ? String(this.meicengForm.coalBoreholeCodes)
                : null;//煤层钻孔编号集合
              axios.post(this.addUrl, this.meicengForm).then((res) => {
                this.$message.success("新增成功");
                this.dialogVisible = false;
                this.getList();
              });
            } else {
              return false;
            }
          });
        } else if (this.tabLabel == "钻孔层级") {
          this.$refs.meicengzuankongForm.validate((valid) => {
            if (valid) {
              // let val = "";
              this.meicengzuankongForm.boreholeCode = this.meicengzuankongForm
                .boreholeCode
                ? String(this.meicengzuankongForm.boreholeCode)
                : null;
              // meicengzuankongForm.structure  煤层结构
              // val =
              //   this.meicengzuankongForm.jiegou +
              //   "(" +
              //   this.meicengzuankongForm.jiagan +
              //   ")";
              // this.meicengArr.forEach((item) => {
              //   if (item.jiegou != "" && item.jiagan != "") {
              //     val += "," + item.jiegou + "(" + item.jiagan + ")";
              //   }
              // });
              // this.meicengzuankongForm.structure = val;
              this.meicengzuankongForm.elevation = this.meicengzuankongForm
                .elevation
                ? Number(this.meicengzuankongForm.elevation)
                : null; //地面标高
              this.meicengzuankongForm.stopDepth = this.meicengzuankongForm
                .stopDepth
                ? Number(this.meicengzuankongForm.stopDepth)
                : null; //止煤深度
              this.meicengzuankongForm.thickness = this.meicengzuankongForm
                .thickness
                ? Number(this.meicengzuankongForm.thickness)
                : null; //煤层厚度
              this.meicengzuankongForm.miningLength = this.meicengzuankongForm
                .miningLength
                ? Number(this.meicengzuankongForm.miningLength)
                : null; //采长
              this.meicengzuankongForm.recovery = this.meicengzuankongForm
                .recovery
                ? Number(this.meicengzuankongForm.recovery)
                : null; //采取率
              this.meicengzuankongForm.floorElevation = this.meicengzuankongForm
                .floorElevation
                ? Number(this.meicengzuankongForm.floorElevation)
                : null; //底板标高
              this.meicengzuankongForm.levelIndex = this.meicengzuankongForm
                .levelIndex
                ? Number(this.meicengzuankongForm.levelIndex)
                : null; //层序号
              axios.post(this.addUrl, this.meicengzuankongForm).then((res) => {
                this.$message.success("新增成功");
                this.dialogVisible = false;
                this.getList();
              });
            } else {
              return false;
            }
          });
        } else if (this.tabLabel == "钻孔") {
          this.$refs.zuankongForm.validate((valid) => {
            if (valid) {
              this.zuankongForm.pointCode = this.zuankongForm.pointCode
                ? String(this.zuankongForm.pointCode)
                : null;
              this.zuankongForm.depth = this.zuankongForm.depth
                ? Number(this.zuankongForm.depth)
                : null; //深度
              this.zuankongForm.radius = this.zuankongForm.radius
                ? Number(this.zuankongForm.radius)
                : null; //钻孔半径
              this.zuankongForm.sampleSize = this.zuankongForm.sampleSize
                ? Number(this.zuankongForm.sampleSize)
                : null; //样品数
              this.zuankongForm.sampleLength = this.zuankongForm.sampleLength
                ? Number(this.zuankongForm.sampleLength)
                : null; //样长
              this.zuankongForm.x = this.zuankongForm.x
                ? Number(this.zuankongForm.x)
                : null; //x坐标
              this.zuankongForm.y = this.zuankongForm.y
                ? Number(this.zuankongForm.y)
                : null; //y坐标
              this.zuankongForm.z = this.zuankongForm.z
                ? Number(this.zuankongForm.z)
                : null; //z坐标
              axios.post(this.addUrl, this.zuankongForm).then((res) => {
                this.$message.success("新增成功");
                this.dialogVisible = false;
                this.getList();
              });
            } else {
              return false;
            }
          });
        } else if (this.tabLabel == "断层") {
          this.$refs.duancengForm.validate((valid) => {
            if (valid) {
              this.duancengForm.pointCodes = this.duancengForm.pointCodes
                ? String(this.duancengForm.pointCodes)
                : null;
              this.duancengForm.depth = this.duancengForm.depth
                ? Number(this.duancengForm.depth)
                : null; //深度
              this.duancengForm.zoneLength = this.duancengForm.zoneLength
                ? Number(this.duancengForm.zoneLength)
                : null; //区内延展长度
              this.duancengForm.displacement = this.duancengForm.displacement
                ? Number(this.duancengForm.displacement)
                : null; //落差
              this.duancengForm.aCount = this.duancengForm.aCount
                ? Number(this.duancengForm.aCount)
                : null; //A级断点
              this.duancengForm.bCount = this.duancengForm.bCount
                ? Number(this.duancengForm.bCount)
                : null; //B级断点
              this.duancengForm.cCount = this.duancengForm.cCount
                ? Number(this.duancengForm.cCount)
                : null; //C级断点
              axios.post(this.addUrl, this.duancengForm).then((res) => {
                this.$message.success("新增成功");
                this.dialogVisible = false;
                this.getList();
              });
            } else {
              return false;
            }
          });
        } else if (this.tabLabel == "巷道") {
          this.$refs.hangdaoForm.validate((valid) => {
            if (valid) {
              this.hangdaoForm.lines = this.hangdaoForm.lines
                ? String(this.hangdaoForm.lines)
                : null;
              this.hangdaoForm.tunnelTypeId = this.hangdaoForm.tunnelTypeId
                ? Number(this.hangdaoForm.tunnelTypeId)
                : null; //巷道类型ID
              this.hangdaoForm.tunnelAvgUpperWidth = this.hangdaoForm
                .tunnelAvgUpperWidth
                ? Number(this.hangdaoForm.tunnelAvgUpperWidth)
                : null; //平均上底宽度(m)
              this.hangdaoForm.tunnelAvgBottomWidth = this.hangdaoForm
                .tunnelAvgBottomWidth
                ? Number(this.hangdaoForm.tunnelAvgBottomWidth)
                : null; //平均下底宽度(m)
              this.hangdaoForm.tunnelAvgPeakHeight = this.hangdaoForm
                .tunnelAvgPeakHeight
                ? Number(this.hangdaoForm.tunnelAvgPeakHeight)
                : null; //平均全高(m)
              this.hangdaoForm.tunnelAvgRelativeSealLevelHeight = this
                .hangdaoForm.tunnelAvgRelativeSealLevelHeight
                ? Number(this.hangdaoForm.tunnelAvgRelativeSealLevelHeight)
                : null; //平均标高(m)
              this.hangdaoForm.tunnelOverallLength = this.hangdaoForm
                .tunnelOverallLength
                ? Number(this.hangdaoForm.tunnelOverallLength)
                : null; //总长度(m)
              this.hangdaoForm.tunnelAvgSlope = this.hangdaoForm.tunnelAvgSlope
                ? Number(this.hangdaoForm.tunnelAvgSlope)
                : null; //平均平滑度
              this.hangdaoForm.tunnelAvgFrictionalCoefficient = this.hangdaoForm
                .tunnelAvgFrictionalCoefficient
                ? Number(this.hangdaoForm.tunnelAvgFrictionalCoefficient)
                : null; //平均摩擦阻力系数
              this.hangdaoForm.tunnelAvgPerimeter = this.hangdaoForm
                .tunnelAvgPerimeter
                ? Number(this.hangdaoForm.tunnelAvgPerimeter)
                : null; //平均周界
              this.hangdaoForm.tunnelSectionalArea = this.hangdaoForm
                .tunnelSectionalArea
                ? Number(this.hangdaoForm.tunnelSectionalArea)
                : null; //断面面积
              axios.post(this.addUrl, this.hangdaoForm).then((res) => {
                this.$message.success("新增成功");
                this.dialogVisible = false;
                this.getList();
              });
            } else {
              return false;
            }
          });
        } else if (this.tabLabel == "工作面") {
          this.$refs.gongzuomianForm.validate((valid) => {
            if (valid) {
              this.gongzuomianForm.areaCode = this.gongzuomianForm.areaCode
                ? String(this.gongzuomianForm.areaCode)
                : null; //面编号
              this.gongzuomianForm.directionPoints = this.gongzuomianForm
                .directionPoints
                ? String(this.gongzuomianForm.directionPoints)
                : null; //开采方向点集合
              this.gongzuomianForm.coalCode = this.gongzuomianForm.coalCode
                ? String(this.gongzuomianForm.coalCode)
                : null; //开采煤层编号集合
              this.gongzuomianForm.recordStorage = this.gongzuomianForm
                .recordStorage
                ? Number(this.gongzuomianForm.recordStorage)
                : null; //已采煤量
              this.gongzuomianForm.recordProgressDistance = this.gongzuomianForm
                .recordProgressDistance
                ? Number(this.gongzuomianForm.recordProgressDistance)
                : null; //已开采进度(m)
              this.gongzuomianForm.avgDayProgress = this.gongzuomianForm
                .avgDayProgress
                ? Number(this.gongzuomianForm.avgDayProgress)
                : null; //日开采进度(m)
              this.gongzuomianForm.workingFaceWidth = this.gongzuomianForm
                .workingFaceWidth
                ? Number(this.gongzuomianForm.workingFaceWidth)
                : null; //工作面宽度(m)
              this.gongzuomianForm.workingFaceHeight = this.gongzuomianForm
                .workingFaceHeight
                ? Number(this.gongzuomianForm.workingFaceHeight)
                : null; //工作面高度(m)
              this.gongzuomianForm.workingFaceLength = this.gongzuomianForm
                .workingFaceLength
                ? Number(this.gongzuomianForm.workingFaceLength)
                : null; //工作面长度(m)
              this.gongzuomianForm.coalStorage = this.gongzuomianForm
                .coalStorage
                ? Number(this.gongzuomianForm.coalStorage)
                : null; //储煤量(t)
              this.gongzuomianForm.exploitableCoal = this.gongzuomianForm
                .exploitableCoal
                ? Number(this.gongzuomianForm.exploitableCoal)
                : null; //可开采量
              this.gongzuomianForm.coalThickness = this.gongzuomianForm
                .coalThickness
                ? Number(this.gongzuomianForm.coalThickness)
                : null; //煤层厚度(m)
              this.gongzuomianForm.coalMiningMethodTypeId = this.gongzuomianForm
                .coalMiningMethodTypeId
                ? Number(this.gongzuomianForm.coalMiningMethodTypeId)
                : null; //工作面类型
              this.gongzuomianForm.extDepth = this.gongzuomianForm.extDepth
                ? Number(this.gongzuomianForm.extDepth)
                : null; //开采深度
              this.gongzuomianForm.dailyProduction = this.gongzuomianForm
                .dailyProduction
                ? Number(this.gongzuomianForm.dailyProduction)
                : null; //日产量
              this.gongzuomianForm.workingFaceTypeName =
                this.gongzuomianForm.workingFaceTypeId == "0"
                  ? "采煤工作面"
                  : "掘进工作面"; //工作面类型
              if (this.dangerSourceList.length > 0) {
                let dangerarr = [];
                this.dangerSourceList.forEach((item, index) => {
                  //危险源
                  if (
                    item.dangerSourceType &&
                    item.dangerSourceCode.length > 0
                  ) {
                    item.dangerSourceCode.forEach((val, index2) => {
                      dangerarr.push({
                        dangerSourceType: item.dangerSourceType,
                        dangerSourceName: item.dangerSourceName[index2],
                        dangerSourceCode: val,
                      });
                    });
                  }
                });
                this.gongzuomianForm.dangerSourceList = dangerarr;
              }
              if (this.sensorList.length > 0) {
                let dangerarr2 = [];
                this.sensorList.forEach((item, index) => {
                  //传感器
                  if (item.sensorType && item.sensorCode.length > 0) {
                    item.sensorCode.forEach((val, index2) => {
                      dangerarr2.push({
                        sensorType: item.sensorType,
                        sensorName: item.sensorName[index2],
                        sensorCode: val,
                      });
                    });
                  }
                });
                this.gongzuomianForm.sensorList = dangerarr2;
              }
              axios.post(this.addUrl, this.gongzuomianForm).then((res) => {
                this.$message.success("新增成功");
                this.dialogVisible = false;
                this.dangerSourceList = [
                  {
                    dangerSourceCode: "", //危险源编号
                    dangerSourceName: [], //危险源名称
                    dangerSourceType: "", //危险源类型int  0=断层, 1=积水区
                    dangerNameData: [], //危险源名称下拉框数据
                  },
                ];
                this.sensorList = [
                  {
                    sensorCode: "", //传感器编号
                    sensorName: [], //传感器名称
                    sensorType: "", //传感器类型int  0=涌水量, 1=降雨, 2=水质
                    sensorNameData: [], //传感器名称下拉框数据
                  },
                ];
                this.getList();
              });
            } else {
              return false;
            }
          });
        } else if (this.tabLabel == "积水区") {
          this.$refs.jishuiquForm.validate((valid) => {
            if (valid) {
              this.jishuiquForm.areaCode = this.jishuiquForm.areaCode
                ? String(this.jishuiquForm.areaCode)
                : null; //面编号
              axios.post(this.addUrl, this.jishuiquForm).then((res) => {
                this.$message.success("新增成功");
                this.dialogVisible = false;
                this.getList();
              });
            } else {
              return false;
            }
          });
        } else if (this.tabLabel == "地质报告") {
          this.dizhibaogaoForm.fileType = 0; //0=地质报告,1=水文报告,2=测量文档
          // this.dizhibaogaoForm.fileSuffix='.jpg'
          // this.dizhibaogaoForm.fileUrl='url'
          this.$refs.dizhibaogaoForm.validate((valid) => {
            if (valid) {
              if (this.dizhibaogaoForm?.fileUrl) {
                axios.post(this.addUrl, this.dizhibaogaoForm).then((res) => {
                  this.$message.success("新增成功");
                  this.dialogVisible = false;
                  this.getList();
                });
              } else {
                this.$message.error("请上传文件");
              }
            } else {
              return false;
            }
          });
        } else if (this.tabLabel == "采掘设备") {
          this.$refs.caimeijiForm.validate((valid) => {
            if (valid) {
              this.caimeijiForm.x = this.caimeijiForm.x
                ? Number(this.caimeijiForm.x)
                : null;
              this.caimeijiForm.y = this.caimeijiForm.y
                ? Number(this.caimeijiForm.y)
                : null;
              this.caimeijiForm.z = this.caimeijiForm.z
                ? Number(this.caimeijiForm.z)
                : null;
              this.caimeijiForm.stationDistance = this.caimeijiForm
                .stationDistance
                ? Number(this.caimeijiForm.stationDistance)
                : null;
              this.caimeijiForm.subStationDistance = this.caimeijiForm
                .subStationDistance
                ? Number(this.caimeijiForm.subStationDistance)
                : null;
              this.caimeijiForm.carTypeName =
                this.caimeijiForm.carTypeId == "0" ? "采掘设备" : "掘进机";
              axios.post(this.addUrl, this.caimeijiForm).then((res) => {
                this.$message.success("新增成功");
                this.dialogVisible = false;
                this.getList();
              });
            } else {
              return false;
            }
          });
        }
      } else if (this.title == "编辑") {
        if (this.tabLabel == "地质勘探线") {
          this.$refs.form.validate((valid) => {
            if (valid) {
              this.form.pointCodes = String(this.form.pointCodes);
              axios.post(this.editUrl, this.form).then((res) => {
                this.$message.success("编辑成功");
                this.dialogVisible = false;
                this.getList();
              });
            }
          });
        } else if (this.tabLabel == "煤层") {
          this.$refs.meicengForm.validate((valid) => {
            if (valid) {
              this.meicengForm.nThickMin = this.meicengForm.nThickMin
                ? Number(this.meicengForm.nThickMin)
                : null;//自然厚度最小值
              this.meicengForm.nThickMax = this.meicengForm.nThickMax
                ? Number(this.meicengForm.nThickMax)
                : null;//自然厚度最大值
              this.meicengForm.nThickAvg = this.meicengForm.nThickAvg
                ? Number(this.meicengForm.nThickAvg)
                : null;//自然厚度平均值
              this.meicengForm.nThickPointCount = this.meicengForm
                .nThickPointCount
                ? Number(this.meicengForm.nThickPointCount)
                : null;//自然厚度测点数
              this.meicengForm.uThickMin = this.meicengForm.uThickMin
                ? Number(this.meicengForm.uThickMin)
                : null;//利用厚度最小值
              this.meicengForm.uThickMax = this.meicengForm.uThickMax
                ? Number(this.meicengForm.uThickMax)
                : null;//利用厚度最大值
              this.meicengForm.uThickAvg = this.meicengForm.uThickAvg
                ? Number(this.meicengForm.uThickAvg)
                : null;//利用厚度平均值
              this.meicengForm.uThickPointCount = this.meicengForm
                .uThickPointCount
                ? Number(this.meicengForm.uThickPointCount)
                : null;//利用厚度测点数
              this.meicengForm.coalSpaceMin = this.meicengForm.coalSpaceMin
                ? Number(this.meicengForm.coalSpaceMin)
                : null;//煤层间距最小值
              this.meicengForm.coalSpaceMax = this.meicengForm.coalSpaceMax
                ? Number(this.meicengForm.coalSpaceMax)
                : null;//煤层间距最大值
              this.meicengForm.coalSpaceAvg = this.meicengForm.coalSpaceAvg
                ? Number(this.meicengForm.coalSpaceAvg)
                : null;//煤层间距平均值
              this.meicengForm.coalSpacePointCount = this.meicengForm
                .coalSpacePointCount
                ? Number(this.meicengForm.coalSpacePointCount)
                : null;//煤层间距测点数
              this.meicengForm.tDepthMin = this.meicengForm.tDepthMin
                ? Number(this.meicengForm.tDepthMin)
                : null;//理论深度最小值
              this.meicengForm.tDepthMax = this.meicengForm.tDepthMax
                ? Number(this.meicengForm.tDepthMax)
                : null;//理论深度最大值
              this.meicengForm.tDepthAvg = this.meicengForm.tDepthAvg
                ? Number(this.meicengForm.tDepthAvg)
                : null;//理论深度平均值
              this.meicengForm.tDepthPointCount = this.meicengForm
                .tDepthPointCount
                ? Number(this.meicengForm.tDepthPointCount)
                : null;//理论深度测点数
              this.meicengForm.partingThickMin = this.meicengForm
                .partingThickMin
                ? Number(this.meicengForm.partingThickMin)
                : null;//夹矸厚度最小值
              this.meicengForm.partingThickMax = this.meicengForm
                .partingThickMax
                ? Number(this.meicengForm.partingThickMax)
                : null;//夹矸厚度最大值
              this.meicengForm.partingCount = this.meicengForm.partingCount
                ? Number(this.meicengForm.partingCount)
                : null;//夹矸层数
                this.meicengForm.miningArea = this.meicengForm.miningArea
                ? Number(this.meicengForm.miningArea)
                : null;//开采面积
                this.meicengForm.miningRate = this.meicengForm.miningRate
                ? Number(this.meicengForm.miningRate)
                : null;//开采回采率
                this.meicengForm.ashContent = this.meicengForm.ashContent
                ? Number(this.meicengForm.ashContent)
                : null;//灰分Ad
                this.meicengForm.volatileMatter = this.meicengForm.volatileMatter
                ? Number(this.meicengForm.volatileMatter)
                : null;//挥发分Vdaf
                this.meicengForm.fixedCarbon = this.meicengForm.fixedCarbon
                ? Number(this.meicengForm.fixedCarbon)
                : null;//固定碳FC daf
                this.meicengForm.sulfurContent = this.meicengForm.sulfurContent
                ? Number(this.meicengForm.sulfurContent)
                : null;//硫分St,d
                this.meicengForm.moistureContent = this.meicengForm.moistureContent
                ? Number(this.meicengForm.moistureContent)
                : null;//水分Mad
                this.meicengForm.coalBoreholeCodes = this.meicengForm
                .coalBoreholeCodes
                ? String(this.meicengForm.coalBoreholeCodes)
                : null;//煤层钻孔编号集合
              axios.post(this.editUrl, this.meicengForm).then((res) => {
                this.$message.success("编辑成功");
                this.dialogVisible = false;
                this.getList();
              });
            }
          });
        } else if (this.tabLabel == "钻孔层级") {
          this.$refs.meicengzuankongForm.validate((valid) => {
            if (valid) {
              // let val = "";
              this.meicengzuankongForm.boreholeCode = this.meicengzuankongForm
                .boreholeCode
                ? String(this.meicengzuankongForm.boreholeCode)
                : null;
              // meicengzuankongForm.structure  煤层结构
              // val =
              //   this.meicengzuankongForm.jiegou +
              //   "(" +
              //   this.meicengzuankongForm.jiagan +
              //   ")";
              // this.meicengArr.forEach((item) => {
              //   if (item.jiegou != "" && item.jiagan != "") {
              //     val += "," + item.jiegou + "(" + item.jiagan + ")";
              //   }
              // });
              // this.meicengzuankongForm.structure = val;
              this.meicengzuankongForm.elevation = this.meicengzuankongForm
                .elevation
                ? Number(this.meicengzuankongForm.elevation)
                : null; //地面标高
              this.meicengzuankongForm.stopDepth = this.meicengzuankongForm
                .stopDepth
                ? Number(this.meicengzuankongForm.stopDepth)
                : null; //止煤深度
              this.meicengzuankongForm.thickness = this.meicengzuankongForm
                .thickness
                ? Number(this.meicengzuankongForm.thickness)
                : null; //煤层厚度
              this.meicengzuankongForm.miningLength = this.meicengzuankongForm
                .miningLength
                ? Number(this.meicengzuankongForm.miningLength)
                : null; //采长
              this.meicengzuankongForm.recovery = this.meicengzuankongForm
                .recovery
                ? Number(this.meicengzuankongForm.recovery)
                : null; //采取率
              this.meicengzuankongForm.floorElevation = this.meicengzuankongForm
                .floorElevation
                ? Number(this.meicengzuankongForm.floorElevation)
                : null; //底板标高
              this.meicengzuankongForm.levelIndex = this.meicengzuankongForm
                .levelIndex
                ? Number(this.meicengzuankongForm.levelIndex)
                : null; //层序号
              axios.post(this.editUrl, this.meicengzuankongForm).then((res) => {
                this.$message.success("编辑成功");
                this.dialogVisible = false;
                this.getList();
              });
            } else {
              return false;
            }
          });
        } else if (this.tabLabel == "钻孔") {
          this.$refs.zuankongForm.validate((valid) => {
            if (valid) {
              this.zuankongForm.pointCode = this.zuankongForm.pointCode
                ? String(this.zuankongForm.pointCode)
                : null;
              this.zuankongForm.depth = this.zuankongForm.depth
                ? Number(this.zuankongForm.depth)
                : null; //深度
              this.zuankongForm.radius = this.zuankongForm.radius
                ? Number(this.zuankongForm.radius)
                : null; //钻孔半径
              this.zuankongForm.sampleSize = this.zuankongForm.sampleSize
                ? Number(this.zuankongForm.sampleSize)
                : null; //样品数
              this.zuankongForm.sampleLength = this.zuankongForm.sampleLength
                ? Number(this.zuankongForm.sampleLength)
                : null; //样长
              this.zuankongForm.x = this.zuankongForm.x
                ? Number(this.zuankongForm.x)
                : null; //x坐标
              this.zuankongForm.y = this.zuankongForm.y
                ? Number(this.zuankongForm.y)
                : null; //y坐标
              this.zuankongForm.z = this.zuankongForm.z
                ? Number(this.zuankongForm.z)
                : null; //z坐标
              axios.post(this.editUrl, this.zuankongForm).then((res) => {
                this.$message.success("编辑成功");
                this.dialogVisible = false;
                this.getList();
              });
            } else {
              return false;
            }
          });
        } else if (this.tabLabel == "断层") {
          this.$refs.duancengForm.validate((valid) => {
            if (valid) {
              this.duancengForm.pointCodes = this.duancengForm.pointCodes
                ? String(this.duancengForm.pointCodes)
                : null;
              this.duancengForm.depth = this.duancengForm.depth
                ? Number(this.duancengForm.depth)
                : null; //深度
              this.duancengForm.zoneLength = this.duancengForm.zoneLength
                ? Number(this.duancengForm.zoneLength)
                : null; //区内延展长度
              this.duancengForm.displacement = this.duancengForm.displacement
                ? Number(this.duancengForm.displacement)
                : null; //落差
              this.duancengForm.aCount = this.duancengForm.aCount
                ? Number(this.duancengForm.aCount)
                : null; //A级断点
              this.duancengForm.bCount = this.duancengForm.bCount
                ? Number(this.duancengForm.bCount)
                : null; //B级断点
              this.duancengForm.cCount = this.duancengForm.cCount
                ? Number(this.duancengForm.cCount)
                : null; //C级断点
              axios.post(this.editUrl, this.duancengForm).then((res) => {
                this.$message.success("编辑成功");
                this.dialogVisible = false;
                this.getList();
              });
            } else {
              return false;
            }
          });
        } else if (this.tabLabel == "巷道") {
          this.$refs.hangdaoForm.validate((valid) => {
            if (valid) {
              this.hangdaoForm.lines = this.hangdaoForm.lines
                ? String(this.hangdaoForm.lines)
                : null;
              this.hangdaoForm.tunnelTypeId = this.hangdaoForm.tunnelTypeId
                ? Number(this.hangdaoForm.tunnelTypeId)
                : null; //巷道类型ID
              this.hangdaoForm.tunnelAvgUpperWidth = this.hangdaoForm
                .tunnelAvgUpperWidth
                ? Number(this.hangdaoForm.tunnelAvgUpperWidth)
                : null; //平均上底宽度(m)
              this.hangdaoForm.tunnelAvgBottomWidth = this.hangdaoForm
                .tunnelAvgBottomWidth
                ? Number(this.hangdaoForm.tunnelAvgBottomWidth)
                : null; //平均下底宽度(m)
              this.hangdaoForm.tunnelAvgPeakHeight = this.hangdaoForm
                .tunnelAvgPeakHeight
                ? Number(this.hangdaoForm.tunnelAvgPeakHeight)
                : null; //平均全高(m)
              this.hangdaoForm.tunnelAvgRelativeSealLevelHeight = this
                .hangdaoForm.tunnelAvgRelativeSealLevelHeight
                ? Number(this.hangdaoForm.tunnelAvgRelativeSealLevelHeight)
                : null; //平均标高(m)
              this.hangdaoForm.tunnelOverallLength = this.hangdaoForm
                .tunnelOverallLength
                ? Number(this.hangdaoForm.tunnelOverallLength)
                : null; //总长度(m)
              this.hangdaoForm.tunnelAvgSlope = this.hangdaoForm.tunnelAvgSlope
                ? Number(this.hangdaoForm.tunnelAvgSlope)
                : null; //平均平滑度
              this.hangdaoForm.tunnelAvgFrictionalCoefficient = this.hangdaoForm
                .tunnelAvgFrictionalCoefficient
                ? Number(this.hangdaoForm.tunnelAvgFrictionalCoefficient)
                : null; //平均摩擦阻力系数
              this.hangdaoForm.tunnelAvgPerimeter = this.hangdaoForm
                .tunnelAvgPerimeter
                ? Number(this.hangdaoForm.tunnelAvgPerimeter)
                : null; //平均周界
              this.hangdaoForm.tunnelSectionalArea = this.hangdaoForm
                .tunnelSectionalArea
                ? Number(this.hangdaoForm.tunnelSectionalArea)
                : null; //断面面积
              axios.post(this.editUrl, this.hangdaoForm).then((res) => {
                this.$message.success("编辑成功");
                this.dialogVisible = false;
                this.getList();
              });
            } else {
              return false;
            }
          });
        } else if (this.tabLabel == "工作面") {
          this.$refs.gongzuomianForm.validate((valid) => {
            if (valid) {
              this.gongzuomianForm.areaCode = this.gongzuomianForm.areaCode
                ? String(this.gongzuomianForm.areaCode)
                : null; //面编号
              this.gongzuomianForm.directionPoints = this.gongzuomianForm
                .directionPoints
                ? String(this.gongzuomianForm.directionPoints)
                : null; //开采方向点集合
              this.gongzuomianForm.coalCode = this.gongzuomianForm.coalCode
                ? String(this.gongzuomianForm.coalCode)
                : null; //开采煤层编号集合
              this.gongzuomianForm.recordStorage = this.gongzuomianForm
                .recordStorage
                ? Number(this.gongzuomianForm.recordStorage)
                : null; //已采煤量
              this.gongzuomianForm.recordProgressDistance = this.gongzuomianForm
                .recordProgressDistance
                ? Number(this.gongzuomianForm.recordProgressDistance)
                : null; //已开采进度(m)
              this.gongzuomianForm.avgDayProgress = this.gongzuomianForm
                .avgDayProgress
                ? Number(this.gongzuomianForm.avgDayProgress)
                : null; //日开采进度(m)
              this.gongzuomianForm.workingFaceWidth = this.gongzuomianForm
                .workingFaceWidth
                ? Number(this.gongzuomianForm.workingFaceWidth)
                : null; //工作面宽度(m)
              this.gongzuomianForm.workingFaceHeight = this.gongzuomianForm
                .workingFaceHeight
                ? Number(this.gongzuomianForm.workingFaceHeight)
                : null; //工作面高度(m)
              this.gongzuomianForm.workingFaceLength = this.gongzuomianForm
                .workingFaceLength
                ? Number(this.gongzuomianForm.workingFaceLength)
                : null; //工作面长度(m)
              this.gongzuomianForm.coalStorage = this.gongzuomianForm
                .coalStorage
                ? Number(this.gongzuomianForm.coalStorage)
                : null; //储煤量(t)
              this.gongzuomianForm.exploitableCoal = this.gongzuomianForm
                .exploitableCoal
                ? Number(this.gongzuomianForm.exploitableCoal)
                : null; //可开采量
              this.gongzuomianForm.coalThickness = this.gongzuomianForm
                .coalThickness
                ? Number(this.gongzuomianForm.coalThickness)
                : null; //煤层厚度(m)
              this.gongzuomianForm.coalMiningMethodTypeId = this.gongzuomianForm
                .coalMiningMethodTypeId
                ? Number(this.gongzuomianForm.coalMiningMethodTypeId)
                : null; //工作面类型
              this.gongzuomianForm.extDepth = this.gongzuomianForm.extDepth
                ? Number(this.gongzuomianForm.extDepth)
                : null; //开采深度
              this.gongzuomianForm.dailyProduction = this.gongzuomianForm
                .dailyProduction
                ? Number(this.gongzuomianForm.dailyProduction)
                : null; //日产量
              this.gongzuomianForm.workingFaceTypeName =
                this.gongzuomianForm.workingFaceTypeId == "0"
                  ? "采煤工作面"
                  : "掘进工作面"; //工作面类型
              if (this.dangerSourceList.length > 0) {
                let dangerarr = [];
                this.dangerSourceList.forEach((item, index) => {
                  //危险源
                  if (
                    item.dangerSourceType &&
                    item.dangerSourceCode.length > 0
                  ) {
                    item.dangerSourceCode.forEach((val, index2) => {
                      dangerarr.push({
                        dangerSourceType: item.dangerSourceType,
                        dangerSourceName: item.dangerSourceName[index2],
                        dangerSourceCode: val,
                      });
                    });
                  }
                });
                this.gongzuomianForm.dangerSourceList = dangerarr;
              }
              if (this.sensorList.length > 0) {
                let dangerarr2 = [];
                this.sensorList.forEach((item, index) => {
                  //传感器
                  if (item.sensorType && item.sensorCode.length > 0) {
                    item.sensorCode.forEach((val, index2) => {
                      dangerarr2.push({
                        sensorType: item.sensorType,
                        sensorName: item.sensorName[index2],
                        sensorCode: val,
                      });
                    });
                  }
                });
                this.gongzuomianForm.sensorList = dangerarr2;
              }
              axios.post(this.editUrl, this.gongzuomianForm).then((res) => {
                this.$message.success("编辑成功");
                this.dialogVisible = false;
                this.dangerSourceList = [
                  {
                    dangerSourceCode: "", //危险源编号
                    dangerSourceName: [], //危险源名称
                    dangerSourceType: "", //危险源类型int  0=断层, 1=积水区
                    dangerNameData: [], //危险源名称下拉框数据
                  },
                ];
                this.sensorList = [
                  {
                    sensorCode: "", //传感器编号
                    sensorName: [], //传感器名称
                    sensorType: "", //传感器类型int  0=涌水量, 1=降雨, 2=水质
                    sensorNameData: [], //传感器名称下拉框数据
                  },
                ];
                this.getList();
              });
            } else {
              return false;
            }
          });
        } else if (this.tabLabel == "积水区") {
          this.$refs.jishuiquForm.validate((valid) => {
            if (valid) {
              this.jishuiquForm.areaCode = this.jishuiquForm.areaCode
                ? String(this.jishuiquForm.areaCode)
                : null; //面编号
              axios.post(this.editUrl, this.jishuiquForm).then((res) => {
                this.$message.success("编辑成功");
                this.dialogVisible = false;
                this.getList();
              });
            } else {
              return false;
            }
          });
        } else if (this.tabLabel == "地质报告") {
          this.dizhibaogaoForm.fileType = 0; //0=地质报告,1=水文报告,2=测量文档
          this.$refs.dizhibaogaoForm.validate((valid) => {
            if (valid) {
              if (this.dizhibaogaoForm?.fileUrl != "") {
                axios.post(this.editUrl, this.dizhibaogaoForm).then((res) => {
                  this.$message.success("编辑成功");
                  this.dialogVisible = false;
                  this.getList();
                });
              } else {
                this.$message.error("请上传文件");
              }
            } else {
              return false;
            }
          });
        } else if (this.tabLabel == "采掘设备") {
          this.$refs.caimeijiForm.validate((valid) => {
            if (valid) {
              this.caimeijiForm.x = this.caimeijiForm.x
                ? Number(this.caimeijiForm.x)
                : null;
              this.caimeijiForm.y = this.caimeijiForm.y
                ? Number(this.caimeijiForm.y)
                : null;
              this.caimeijiForm.z = this.caimeijiForm.z
                ? Number(this.caimeijiForm.z)
                : null;
              this.caimeijiForm.stationDistance = this.caimeijiForm
                .stationDistance
                ? Number(this.caimeijiForm.stationDistance)
                : null;
              this.caimeijiForm.subStationDistance = this.caimeijiForm
                .subStationDistance
                ? Number(this.caimeijiForm.subStationDistance)
                : null;
              this.caimeijiForm.carTypeName =
                this.caimeijiForm.carTypeId == "0" ? "采掘设备" : "掘进机";
              axios.post(this.editUrl, this.caimeijiForm).then((res) => {
                this.$message.success("编辑成功");
                this.dialogVisible = false;
                this.getList();
              });
            } else {
              return false;
            }
          });
        }
      }
    },
    handledownload(row) {
      console.log(row, "row");
      let str =
        (row.fileUrl?.split("/").slice(-1) + "").split("_")[0] + row.fileSuffix; //文件名
      let index = row.fileUrl.indexOf("/profile");
      let url = row.fileUrl.slice(index);
      axios({
        url: `/common/download/resource?resource=${url}`,
        method: "get",
        responseType: "blob",
      }).then((response) => {
        var fileURL = window.URL.createObjectURL(new Blob([response]));
        var fileLink = document.createElement("a");
        fileLink.href = fileURL; //fileLink.setAttribute("download", '模板.xlsx');
        fileLink.setAttribute("download", str);
        document.body.appendChild(fileLink);
        fileLink.click();
      });

      // fetch(row.fileUrl)
      //   .then((res) => res.blob())
      //   .then((blob) => {
      //     // 创建一个临时的URL对象
      //     const url = URL.createObjectURL(blob);
      //     // 创建一个隐藏的<a>标签，并设置其href属性为临时URL
      //     const a = document.createElement("a");
      //     a.href = url;
      //     a.download = str; // 设置下载的文件名
      //     a.style.display = "none";
      //     // 将<a>标签添加到文档中，并模拟点击下载
      //     document.body.appendChild(a);
      //     a.click();
      //     // 下载完成后，移除<a>标签和临时URL对象
      //     document.body.removeChild(a);
      //     URL.revokeObjectURL(url);
      //   });
    },
    handleDetail(row) {
      //查看
      // this.detailObject = row;
      axios.get(this.detailUrl + row.id).then((res) => {
        this.detailObject = res.data;
        if (this.tabLabel == "钻孔层级") {
          this.meicengArr = [];
          // this.detailObject.boreholeCode =
          //   this.detailObject.boreholeCode?.split(",");//钻孔编号
          // let arr = this.detailObject.structure?.split(",");
          // if (arr.length == 1) {
          //   arr.forEach((item) => {
          //     if (item.includes("(")) {
          //       this.detailObject.jiegou = item.split("(")[0];
          //       this.detailObject.jiagan = item.split("(")[1].replace(")", "");
          //     }
          //   });
          // } else if (arr.length > 1) {
          //   this.meicengArr = [];
          //   arr.forEach((item) => {
          //     let obj = {
          //       jiegou: item.split("(")[0],
          //       jiagan: item.split("(")[1].replace(")", ""),
          //     };
          //     this.meicengArr.push(obj);
          //   });
          //   this.detailObject.jiegou = this.meicengArr[0].jiegou;
          //   this.detailObject.jiagan = this.meicengArr[0].jiagan;
          //   this.meicengArr = this.meicengArr.splice(1);
          // }
        } else if (this.tabLabel == "地质报告") {
          this.detailObject.fileUrl = res.data.fileUrl;
          this.detailObject.fileSuffix = res.data.fileSuffix;
        } else if (this.tabLabel == "工作面") {
          // this.getSelectData();
          this.getCaimeijiSelectData();
          setTimeout(() => {
            if (res.data.dangerList.length > 0) {
              let dangerArr = [];
              let dangerArr2 = [];
              let arr = [];
              res.data.dangerList.forEach((item, index) => {
                //危险源
                dangerArr.push(item.dangerSourceType);
                dangerArr = [...new Set(dangerArr)];
              });
              dangerArr.forEach((item2, index2) => {
                const result = res.data.dangerList.filter(
                  (obj) => obj.dangerSourceType === item2
                );
                this.dangerTypeSelectData.find((item3, index3) => {
                  if (item3.code == item2) {
                    arr = item3.childs;
                  }
                });
                dangerArr2.push({
                  dangerSourceType: String(item2),
                  dangerSourceName: result.map((item) => item.dangerSourceName),
                  dangerSourceCode: result.map((item) => item.dangerSourceCode),
                  dangerNameData: arr, //危险源名称下拉框数据
                });
              });
              this.dangerSourceList = dangerArr2;
            }
            if (res.data.sensorList.length > 0) {
              let sensorArr = [];
              let sensorArr2 = [];
              let arr2 = [];
              res.data.sensorList.forEach((item, index) => {
                //传感器
                sensorArr.push(item.sensorType);
                sensorArr = [...new Set(sensorArr)];
              });
              sensorArr.forEach((item2, index2) => {
                const result2 = res.data.sensorList.filter(
                  (obj) => obj.sensorType === item2
                );
                this.sensorTypeSelectData.find((item3, index3) => {
                  if (item3.code == item2) {
                    arr2 = item3.childs;
                  }
                });
                sensorArr2.push({
                  sensorType: String(item2),
                  sensorName: result2.map((item) => item.sensorName),
                  sensorCode: result2.map((item) => item.sensorCode),
                  sensorNameData: arr2, //危险源名称下拉框数据
                });
              });
              this.sensorList = sensorArr2;
            }
          }, 500);
        }
        this.detaildialogVisible = true;
      });
    },
    zuankongcengjiDetail(row) {
      //查看钻孔层级
      this.tabLabel = "钻孔层级";
      this.searchLabel = [
        { label: "编号", bindData: "" },
        { label: "钻孔名称", bindData: "" },
      ]; //搜索字段
      this.headerZiduan = "t_geology_basic_coal_seam_hole";
      this.listUrl = "/transgeology/basic/coalseamhole/list";
      this.editUrl = "/transgeology/basic/coalseamhole/edit";
      this.addUrl = "/transgeology/basic/coalseamhole/add";
      this.detailUrl = `/transgeology/basic/coalseamhole/`;
      this.deleteUrl = `/transgeology/basic/coalseamhole/`;
      this.importUrl = "/transgeology/basic/coalseamhole/importExcel"; //导入接口
      this.exportUrl = "/transgeology/basic/coalseamhole/export"; //导出接口
      this.downloadUrl = "/transgeology/basic/coalseamhole/importTemplate"; //下载模版接口
      let val2 = document.getElementById("tab-2");
      let val3 = document.getElementById("tab-3");
      val3.classList.remove("is-active");
      val2.classList.add("is-active");
      console.log(val2, "val2");
      console.log(val3, "val3");
      this.getList(row.code);
    },
    handleEdit(row) {
      this.title = "编辑";
      this.detailObject = row;
      // if (this.tabLabel == "地质勘探线") {
      //   // this.form = row;
      //   this.detailUrl = `/transgeology/basic/explorationline/${row.id}`;
      // } else if (this.tabLabel == "煤层") {
      //   // this.meicengForm = row;
      //   this.detailUrl = `/transgeology/basic/coalseam/${row.id}`;
      // } else if (this.tabLabel == "钻孔层级") {
      //   // this.meicengzuankongForm = row;
      //   this.detailUrl = `/transgeology/basic/coalseamhole/${row.id}`;
      // } else if (this.tabLabel == "钻孔") {
      //   // this.zuankongForm = row;
      //   this.detailUrl = `/transgeology/basic/drillhole/${row.id}`;
      // } else if (this.tabLabel == "断层") {
      //   // this.duancengForm = row;
      //   this.detailUrl = `/transgeology/basic/coalseamfault/${row.id}`;
      // } else if (this.tabLabel == "巷道") {
      //   // this.hangdaoForm = row;
      //   this.detailUrl = `/transgeology/basic/tunnel/${row.id}`;
      // } else if (this.tabLabel == "工作面") {
      //   // this.gongzuomianForm = row;
      //   this.detailUrl = `/transgeology/basic/workarea/${row.id}`;
      // } else if (this.tabLabel == "积水区") {
      //   // this.jishuiquForm = row;
      //   this.detailUrl = `/transgeology/basic/standingwaterarea/${row.id}`;
      // }else if (this.tabLabel == "地质报告") {
      //   // this.dizhibaogaoForm = row;
      //   this.detailUrl = `/geology/digital/fileManage/getInfo/${row.id}`;
      // }
      axios.get(this.detailUrl + row.id).then((res) => {
        if (this.tabLabel == "地质勘探线") {
          this.form = res.data;
          this.form.pointCodes = this.form.pointCodes?.split(",");
        } else if (this.tabLabel == "煤层") {
          this.meicengForm = res.data;
          this.meicengForm.coalBoreholeCodes =
            this.meicengForm.coalBoreholeCodes?.split(",");
        } else if (this.tabLabel == "钻孔层级") {
          this.meicengArr = [];
          this.meicengzuankongForm = res.data;
          this.meicengzuankongForm.boreholeCode =
            this.meicengzuankongForm.boreholeCode?.split(","); //钻孔编号
          // let arr = this.meicengzuankongForm.structure?.split(",");
          // if (arr.length == 1) {
          //   arr.forEach((item) => {
          //     if (item.includes("(")) {
          //       this.meicengzuankongForm.jiegou = item.split("(")[0];
          //       this.meicengzuankongForm.jiagan = item
          //         .split("(")[1]
          //         .replace(")", "");
          //     }
          //   });
          // } else if (arr.length > 1) {
          //   this.meicengArr = [];
          //   arr.forEach((item) => {
          //     let obj = {
          //       jiegou: item.split("(")[0],
          //       jiagan: item.split("(")[1].replace(")", ""),
          //     };
          //     this.meicengArr.push(obj);
          //   });
          //   this.meicengzuankongForm.jiegou = this.meicengArr[0].jiegou;
          //   this.meicengzuankongForm.jiagan = this.meicengArr[0].jiagan;
          //   this.meicengArr = this.meicengArr.splice(1);
          // }
        } else if (this.tabLabel == "钻孔") {
          this.zuankongForm = res.data;
          this.zuankongForm.pointCode = this.zuankongForm.pointCode?.split(",");
        } else if (this.tabLabel == "断层") {
          this.duancengForm = res.data;
          this.duancengForm.pointCodes =
            this.duancengForm.pointCodes?.split(",");
        } else if (this.tabLabel == "巷道") {
          this.hangdaoForm = res.data;
          this.hangdaoForm.lines = this.hangdaoForm.lines?.split(",");
        } else if (this.tabLabel == "工作面") {
          this.gongzuomianForm = res.data;
          this.gongzuomianForm.areaCode =
            this.gongzuomianForm.areaCode?.split(","); //面编号
          this.gongzuomianForm.directionPoints =
            this.gongzuomianForm.directionPoints?.split(","); //开采方向点集合
          this.gongzuomianForm.coalCode =
            this.gongzuomianForm.coalCode?.split(","); //开采煤层编号集合
          let arr = [];
          res.data.machineList?.forEach((val) => {
            arr.push(val.carNo);
          });
          this.gongzuomianForm.carNo = arr;
          console.log(this.gongzuomianForm.carNo, "this.gongzuomianForm.carNo");
          // this.getSelectData();

          setTimeout(() => {
            if (res.data.dangerList.length > 0) {
              let dangerArr = [];
              let dangerArr2 = [];
              let arr = [];
              res.data.dangerList.forEach((item, index) => {
                //危险源
                dangerArr.push(item.dangerSourceType);
                dangerArr = [...new Set(dangerArr)];
              });
              dangerArr.forEach((item2, index2) => {
                const result = res.data.dangerList.filter(
                  (obj) => obj.dangerSourceType === item2
                );
                this.dangerTypeSelectData.find((item3, index3) => {
                  if (item3.code == item2) {
                    arr = item3.childs;
                  }
                });
                dangerArr2.push({
                  dangerSourceType: String(item2),
                  dangerSourceName: result.map((item) => item.dangerSourceName),
                  dangerSourceCode: result.map((item) => item.dangerSourceCode),
                  dangerNameData: arr, //危险源名称下拉框数据
                });
              });
              this.dangerSourceList = dangerArr2;
            }
            if (res.data.sensorList.length > 0) {
              let sensorArr = [];
              let sensorArr2 = [];
              let arr2 = [];
              res.data.sensorList.forEach((item, index) => {
                //传感器
                sensorArr.push(item.sensorType);
                sensorArr = [...new Set(sensorArr)];
              });
              sensorArr.forEach((item2, index2) => {
                const result2 = res.data.sensorList.filter(
                  (obj) => obj.sensorType === item2
                );
                this.sensorTypeSelectData.find((item3, index3) => {
                  if (item3.code == item2) {
                    arr2 = item3.childs;
                  }
                });
                sensorArr2.push({
                  sensorType: String(item2),
                  sensorName: result2.map((item) => item.sensorName),
                  sensorCode: result2.map((item) => item.sensorCode),
                  sensorNameData: arr2, //危险源名称下拉框数据
                });
              });
              this.sensorList = sensorArr2;
            }
          }, 500);
        } else if (this.tabLabel == "积水区") {
          this.jishuiquForm = res.data;
          this.jishuiquForm.areaCode = this.jishuiquForm.areaCode.split(","); //面编号
        } else if (this.tabLabel == "地质报告") {
          axios
            .post("/geology/digital/filetag/listNoPage", {
              fileType: 0, //文件类型,0=地质报告,1=水文报告,2=测量文档
            })
            .then((res) => {
              this.fenleiAllData = res.data;
            });
          this.dizhibaogaoForm = res.data;
          let str =
            (res.data.fileUrl?.split("/").slice(-1) + "").split("_")[0] +
            res.data.fileSuffix;
          this.fileList = [{ name: str, url: res.data.fileUrl }];
        } else if (this.tabLabel == "采掘设备") {
          this.caimeijiForm = res.data;
        }
        this.dialogVisible = true;
      });
    },
    delAllFn() {
      //批量删除
      if (this.multipleSelection.length > 0) {
        let arr = [];
        this.multipleSelection.forEach((item, index) => {
          arr.push(item.id);
        });
        let str = arr.join(",");
        this.$confirm("确认批量删除数据?", "提示")
          .then(() => {
            axios.delete(this.deleteUrl + arr).then((res) => {
              this.$message.success("删除成功");
              this.getList();
            });
          })
          .catch(() => {});
      } else {
        this.$message.warning("请选择要删除的数据");
      }
    },
    handleDelete(row) {
      this.detailObject = row;
      this.$confirm("确认删除该条数据?", "提示")
        .then(() => {
          axios.delete(this.deleteUrl + row.id).then((res) => {
            this.$message.success("删除成功");
            this.getList();
          });
        })
        .catch(() => {});
    },
    onSubmit() {
      //查询
      this.getList();
    },
    onReset() {
      //重置
      this.searchLabel.forEach((item) => {
        item.bindData = "";
      });
    },
    selectedCellStyle({ column, columnIndex, row, rowIndex }) {
      if (rowIndex % 2 == 0) {
        return {
          color: "rgba(255, 255, 255, 0.5)",
          "background-color": "#061F41",
        };
      } else {
        return {
          color: "rgba(255, 255, 255, 0.5)",
          "background-color": "#0B2C54",
        };
      }
    },
    paginationFn(e) {
      this.page.currentPage = e.page;
      this.page.pageSize = e.limit;
      this.getList();
      setTimeout(() => {
        if (e.limit == 10) {
          this.tableHeight = 550;
        }
        if (this.tableData.length < 10) {
          this.tableHeight = null;
        }
      }, 500);
    },
    paginationFn2(e) {
      this.page2.currentPage = e.page;
      this.page2.pageSize = e.limit;
      this.getFenleiList();
    },
    getHeaderList() {
      axios.get("/vxeheaders/getHeaders").then((res) => {
        this.headerData = res.data;
        this.getList();
      });
    },
    getList(val) {
      let obj = {
        pageNum: this.page.currentPage,
        pageSize: this.page.pageSize,
      };
      if (this.tabLabel == "地质报告") {
        obj.fileType = 0; //文件分类,0=地质报告,1=水文报告,2=测量文档
      }
      if (this.searchLabel[0].bindData || this.searchLabel[1]?.bindData) {
        if (this.tabLabel == "钻孔层级") {
          obj.code = this.searchLabel[0].bindData;
          obj.boreholeName = this.searchLabel[1].bindData;
        } else if (this.tabLabel == "巷道") {
          obj.tunnelName = this.searchLabel[0].bindData;
        } else if (this.tabLabel == "工作面") {
          obj.workingFaceName = this.searchLabel[0].bindData;
        } else if (this.tabLabel == "地质报告") {
          obj.fileName = this.searchLabel[0].bindData;
          obj.compilationUnit = this.searchLabel[1].bindData;
        } else if (this.tabLabel == "采掘设备") {
          obj.carNo = this.searchLabel[0].bindData;
        } else {
          //勘探线,钻孔，积水区，断层，煤层名称
          obj.name = this.searchLabel[0].bindData;
        }
        // obj.pageNum = this.page.currentPage;
        // obj.pageSize = this.page.pageSize;
      } else if (this.tabLabel == "钻孔层级" && val) {
        obj.boreholeCode = val;
      } else {
        obj.pageNum = this.page.currentPage;
        obj.pageSize = this.page.pageSize;
      }
      let arr = [];
      this.headerData.forEach((item) => {
        if (item.name == this.headerZiduan) {
          this.tableData = [];
          this.currentPage = 1;
          this.pageSize = 10;
          // if (item.show != 0) {
          //   arr.push(item);
          // }
          arr.push(item);
        }
      });
      this.headerTitle = arr;
      console.log(this.headerTitle, "headerTitle");
      axios.post(this.listUrl, obj).then((res) => {
        this.page.total = res.data.total;
        this.tableData = res.data.list;
      });
    },
    getTypeSelect() {
      //类型下拉选择
      axios
        .post("/basic/combobox/list", {
          condition: ["drill_hole_type"],
        })
        .then((res) => {
          if (res.data) {
            this.typeSelectData = res.data.drill_hole_type.map((item) => {
              return { label: item.name, value: item.code };
            });
          }
        });
    },
    getdianList() {
      //点
      axios
        .post("/transgeology/threedimension/point/listNoPage", {})
        .then((res) => {
          this.dianSelectData = res.data.map((item) => {
            return { label: item.code, value: item.code };
          });
        });
    },
    getxianList() {
      //线
      axios
        .post("/transgeology/threedimension/line/listNoPage", {})
        .then((res) => {
          this.xianSelectData = res.data.map((item) => {
            return { label: item.code, value: item.code };
          });
        });
    },
    getmianList() {
      //面
      axios
        .post("/transgeology/threedimension/plane/listNoPage", {})
        .then((res) => {
          this.mianSelectData = res.data.map((item) => {
            return { label: item.code, value: item.code };
          });
        });
    },
    meicengzuankongList() {
      //钻孔层级
      axios
        .post("/transgeology/basic/coalseamhole/listNoPage", {})
        .then((res) => {
          this.meicengzuankongData = res.data.map((item) => {
            return { label: item.code, value: item.code };
          });
        });
    },
    zuankongList() {
      //钻孔
      axios.post("/transgeology/basic/drillhole/listNoPage", {}).then((res) => {
        this.zuankongData = res.data.map((item) => {
          return { label: item.code, value: item.code };
        });
      });
    },
    meicengList() {
      //煤层
      axios.post("/transgeology/basic/coalseam/listNoPage", {}).then((res) => {
        this.meicengData = res.data.map((item) => {
          return { label: item.code, value: item.code };
        });
      });
    },
    //获取当前日期函数
    getNowFormatDate() {
      let date = new Date(),
        year = date.getFullYear(), //获取完整的年份(4位)
        month = date.getMonth() + 1, //获取当前月份(0-11,0代表1月)
        strDate = date.getDate(); // 获取当前日(1-31)
      if (month < 10) month = `0${month}`; // 如果月份是个位数，在前面补0
      if (strDate < 10) strDate = `0${strDate}`; // 如果日是个位数，在前面补0
      return `${year}-${month}-${strDate}`;
    },
  },
  created() {
    this.getHeaderList();
    this.getdianList(); //点
    this.getxianList(); //线
    this.getmianList(); //面
    this.meicengzuankongList(); //钻孔层级
    this.zuankongList(); //钻孔
    this.meicengList(); //煤层
    // setTimeout(() => {
    // this.getList();
    // },300)
  },
  mounted() {},
  computed: {
    tableHeaderShow() {
      // let arr = [];
      // this.headerTitle.forEach((item) => {
      //   if (item.show == 1) {
      //     arr.push(item);
      //   }
      // });
      // return arr;
      return this.headerTitle.filter((i) => i.show === 1);
    },
  },
};
</script>
<style scoped lang="scss">
@import "@/assets/styles/dateSelect.scss";
::v-deep .el-table {
  background-color: #061f41 !important;
}
::v-deep .el-radio-button__inner {
  color: #6e819a;
  background-color: #0d2c55;
  border: none !important;
}
::v-deep .el-tabs__item {
  color: #ccd1d8 !important;
  text-align: center !important;
  margin-right: 15px;
  padding: 0 10px;
}
::v-deep .el-tabs__active-bar {
  height: 0 !important;
}

// ::v-deep .is-active {
//   color: #409eff !important;
//   background-color: #133961 !important;
//   border-radius: 4px;
// }
::v-deep .el-tabs__active-bar {
  width: 1px !important;
  color: #113059 !important;
}
::v-deep .el-tabs--left .el-tabs__nav-wrap.is-left::after {
  width: 1px;
  background: rgba(64, 158, 255, 0.1);
}
::v-deep .el-form-item__label {
  color: rgba(255, 255, 255, 0.5);
}
::v-deep .el-input--small .el-input__inner {
  background-color: #061f41;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  color: #dee1e6 !important;
}

::v-deep .el-button--small {
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
}
::v-deep .el-table__header-wrapper {
  tr th {
    background-color: #0b2c54 !important;
    .cell {
      color: rgba(255, 255, 255, 0.5);
    }
  }
}

::v-deep .el-table__row > td {
  border: none;
}
::v-deep .el-table::before {
  height: 0px !important;
}
::v-deep .el-table__cell,
::v-deep .is-leaf {
  border: none !important;
}
::v-deep .is-leaf {
  border: none !important;
  .cell {
    color: #fff !important;
  }
}
::v-deep .el-table__empty-block {
  background-color: #061f41 !important;
}
::v-deep .el-table__empty-text {
  color: #dee1e6 !important;
}

::v-deep .el-switch__label--left {
  color: #dee1e6 !important;
}
::v-deep .el-switch__label--right {
  color: #dee1e6 !important;
}
::v-deep .is-active {
  color: #409eff !important;
  background-color: #133961 !important;
  border-radius: 4px;
}
// ::v-deep .el-table--enable-row-hover .el-table__body tr:hover > td.el-table__cell{
//   background-color: transparent !important;
//   color: #000 !important;
// }
</style>
<style scoped lang="scss">
.tableContainer {
  width: 100%;
  height: 690px;
  overflow: auto;
  .bottom {
    height: 560px;
    overflow-y: auto;
    background-color: #061f41 !important;
  }
}
</style>
<style scoped lang="scss">
::v-deep .el-dialog__header {
  color: #fff;
  background-color: #113765;
  padding: 15px;
}
::v-deep .el-dialog__body {
  color: #fff;
  padding: 15px;
  background-color: #061f41;
}
::v-deep .el-dialog__headerbtn .el-dialog__close {
  color: #fff;
}
::v-deep .el-dialog__footer {
  background-color: #061f41;
  padding: 15px;
}
::v-deep .el-textarea__inner {
  background-color: #061f41;
  border: 1px solid #384c67;
  color: #dee1e6;
}
//文件上传后的样式
::v-deep .el-icon-document {
  color: #1890ff !important;
}
::v-deep .el-upload-list__item-name {
  color: #1890ff !important;
}
::v-deep .is-ready {
  .el-icon-close {
    color: #1890ff !important;
  }
}
::v-deep .el-table__body-wrapper {
  background-color: #061f41;
}
</style>
<!-- 提示消息框样式 -->
<style>
.v-modal {
  z-index: 9 !important;
}
/* .el-message-box__header{
  background-color: #113765;
} */
.el-message-box__title {
  color: #fff !important;
}
.el-icon-close {
  color: #fff !important;
}
.el-message-box__content {
  color: #fff !important;
  /* background-color: #113765; */
}
/* .el-message-box__btns{
  background-color: #113765;
} */
.el-message-box {
  color: #fff;
  background-color: #113765 !important;
  border: 1px solid #3c6ac5;
}
</style>
<!-- 日期组件样式 -->
<style scoped  lang=scss>
.el-picker-panel .el-date-picker .el-popper .has-time {
  background-color: #0b2c54 !important;
}
.el-picker-panel .el-date-picker__time-header {
  background-color: #0b2c54 !important;
}
.el-picker-panel .el-date-range-picker {
  background-color: #0b2c54 !important;
}
// .el-picker-panel__body .el-date-range-picker__header {
//   //头部日期颜色
//   color: #fff !important;
//   .d-arrow-left,
//   .arrow-left,
//   .d-arrow-right,
//   .arrow-right {
//     color: #fff !important;
//   }
// }
//  .el-date-range-picker__time-header {
//   //头部 ‘>’图标颜色
//   color: #fff !important;
// }
//  .el-date-table {
//   //星期一到星期日颜色
//   tr {
//     th {
//       color: #fff !important;
//     }
//   }
// }
.el-date-table td.in-range .el-date-table-cell {
  //选中日期区间背景色
  background-color: #0b2c54 !important;
}
//  .available {
//   color: #fff !important;
// }
.el-picker-panel__footer {
  background-color: #0b2c54 !important;
}
.el-date-table td.disabled .el-date-table-cell {
  //禁用日期区间背景色
  background-color: transparent !important;
}
.el-input__inner {
  //输入框颜色
  background-color: transparent !important;
  color: #fff !important;
}
.el-time-panel {
  //时分秒背景色
  background-color: #0b2c54 !important;
}
.el-time-spinner__item,
.active {
  //时分秒颜色
  color: #fff !important;
}
.cancel {
  //时分秒取消按钮颜色
  color: #fff !important;
}
.el-time-spinner__item:hover:not(.disabled):not(.active) {
  background-color: rgba(216, 215, 215, 0.5) !important;
}
/*chrome滚动条颜色设置，纵向滚动条*/
*::-webkit-scrollbar {
  width: 5px;
  height: 10px;
  background-color: transparent;
} /*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
*::-webkit-scrollbar-track {
  background-color: #f0f6ff;
} /*定义滚动条轨道 内阴影+圆角*/
*::-webkit-scrollbar-thumb {
  background-color: #1890ff;
  border-radius: 6px;
} /*定义滑块 内阴影+圆角*/
.scrollbarHide::-webkit-scrollbar {
  display: none;
}
.scrollbarShow::-webkit-scrollbar {
  display: block;
}
</style>
<style lang="scss">
// .el-table__body-wrapper::-webkit-scrollbar-thumb {
//   border-radius: 3px;
//   background: #1890ff; /* 修改滚动条颜色 */
// }
.el-select-dropdown__list {
  padding: 0 !important;
}
.shadow-dialog{
  box-shadow: 0px 0px 8.45px 4.23px rgba(62, 137, 222, 0.6);
}
//dateSelect.scss文件中也有
.el-table .cell.el-tooltip{
  width: auto !important;
}
</style>